/* ===========================================
   GLOBAL STYLES
=========================================== */


*{
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
}


body{

    font-family:Arial,sans-serif;

    margin:0;

    background:#f5f5f5;

    color:#222;

}



/* ===========================================
   Общий контейнер
=========================================== */


.wrap{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}



/* ===========================================
   Общие ссылки
=========================================== */


a{

    transition:.2s;

}



/* ===========================================
   Заголовки
=========================================== */


h1,
h2,
h3,
h4{

    font-family:Arial,sans-serif;

}



/* ===========================================
   Кнопки
=========================================== */


button{

    font-family:Arial,sans-serif;

}



/* ===========================================
   Общие изображения
=========================================== */


img{

    max-width:100%;

}



/* ===========================================
   Универсальный контейнер страницы
=========================================== */


.page-wrapper{

    max-width:1000px;

    margin:70px auto 90px;

    padding:0 20px;

}



.page-text{

    max-width:760px;

    margin-bottom:40px;

    font-size:18px;

    line-height:1.7;

    color:#555;

}



/* ===========================================
   Заголовок страницы
=========================================== */


.page-wrapper h1{

    margin:0 0 20px;

    font-size:48px;

    font-weight:260;

    color:#222;

}



/* ===========================================
   Адаптивность
=========================================== */


@media (max-width:768px){


    .page-wrapper{

        margin:40px auto 60px;

    }


    .page-wrapper h1{

        font-size:34px;

    }


    .page-text{

        font-size:16px;

    }

}