/**************************************************************************************************/
/* ОБЩЕЕ ФОРМАТИРОВАНИЕ */

* { margin: 0px; 
    padding: 0px;
    box-sizing: border-box;                                                                         /* включения в качестве состаляющей части блочного элемента всех значений свойств width и height рамки и  отступов */
    font-size: 16px;
    /*border: 1px solid black;*/
}

/* ОБЩЕЕ ФОРМАТИРОВАНИЕ */
/**************************************************************************************************/


/**************************************************************************************************/
/* СЕКЦИЯ ДЛЯ ССЫЛКИ НА СКАЧИВАНИЕ ШАБЛОНА */

.download{
    position: fixed;   
    bottom: 0;
    right: 0;
    margin-right: 5%;
    margin-bottom: 5%;
}

.download a{
    color: blue;
}

/* СЕКЦИЯ ДЛЯ ССЫЛКИ НА СКАЧИВАНИЕ ШАБЛОНА */
/**************************************************************************************************/


/**************************************************************************************************/
/* HEADER и FOOTER */

header li, footer p{                                                                                /* общее форматирование */
    font-size: 2em;
    font-style: italic;
    font-weight: 600;
    display: inline-block;
    padding-right: 1%;
    height: 40px;
    line-height: 40px;
}

header li:not(:first-child){
    padding-left: 1%;
}
header li{
    border-right: 1px dotted black;
}

header ul, footer p{                                                                                /* общее форматирование */
    background-color: lightblue;
}

@media (min-width: 1024px) {header ul, footer p{                                                    /* >=1024px общее форматирование */
    padding-left: 25%;
}}
@media (max-width: 1023px) {header ul, footer p{                                                    /* <1023px общее форматирование */
    padding-left: 0%;
}}

header ul{                                                                                          /* позиционирование для header */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

footer p{                                                                                           /* позиционирование для footer */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.empty_service{
    height: 40px;
}

/* HEADER и FOOTER */
/**************************************************************************************************/


/**************************************************************************************************/
/* ОСНОВНОЙ КОНТЕЙНЕР */

article h1{
    font-size: 4em;
    background-color: lightcyan;
    height: 120px;
    line-height: 120px;
    text-transform: uppercase;
}

@media (min-width: 1024px) {article h1{                                                            /* >=1024px позиционирование заголовка */
    padding-left: 25%;
}}
@media (max-width: 1023px) {article h1{                                                            /* <1023px позиционирование заголовка */
    padding-left: 0%;
}}

.content{
    width: 1024px;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

#first_colomn, #second_colomn{                                                                     /* общее форматирование для внутренних колонок вне зависимости от media */
    padding: 1%;
    margin: 1% 0 0 0;
    text-align: justify;
}

@media (min-width: 1024px) {#first_colomn, #second_colomn{
    width: 50%;
    float: left;
}}
@media (max-width: 1023px) {#first_colomn, #second_colomn{
    width: 100%;
}}

#first_colomn img, #second_colomn img{
    float: left;
    margin-right: 10px;
}                                                                     

/* ОСНОВНОЙ КОНТЕЙНЕР */
/**************************************************************************************************/