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

* { 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: 10em;
    margin-bottom: 10em;
}

.download a{
    color: blue;
}

/**************************************************************************************************/
/* ОСНОВНОЙ BACKGROUND, ЗАГОЛОВОК*/

html, body{
    height: 100%;                                                                                   /* необходимо для определения высоты body, которая отвечает за правильный background-image */
}

body{
    background-image: url(./adaptive_files/background.JPG);
    background-size: cover;                                                                         /* background будет подгоняться при изменении пропорции окна браузера */
    background-repeat: no-repeat;
    background-attachment: fixed;
}

header h1{
    text-align: center;
    margin-top: 3%;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    text-shadow: 15px 15px 15px rgba(255,255,255,0.5);
}

/**************************************************************************************************/

.main{
    width: 1440px;                                                                                  /* ширина максимальная */
    max-width: 90%;                                                                                 /* ширина будет ограничена 90% при уменьшении размера экрана */
    margin: 3% auto 0 auto;    
    padding-bottom: 1%;                                                                             
}

#kislovodsk{                                                                                        /* нужно, чтобы первая картинка с Кисловодском заполняла контейнер на 100% по ширине*/
    width: 100%;
}

.main p{                                                                                            /* подпись к главной картинке*/
    text-align: center;
    margin: 2% 0 2% 0;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    text-shadow: 15px 15px 15px rgba(255,255,255,0.5);
    -webkit-text-stroke: 1px white;                                                               /* обводка букв */
}

.kislovodsk_images{
    width: 33.3%;
    margin-left: -3px;
    display: inline-block;
}

.park{
    width: 1000px;                                                                                  /* ширина максимальная, в которую помещаются два изображения */
    max-width: 100%;                                                                                /* ширина будет ограничена 90% при уменьшении размера экрана. Нужно обязательно ограничить или блок не будет резиновым. */   
    margin: 0 auto 0 auto;
    text-align: center;
}

.park img{
    display: inline-block;                                                                          /* если здесь использовать float-left, то блоки будут прижиматься к левому краю */
    width: 498px;
}