/* ==========================================================
   Container
========================================================== */
.container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.container--sm{
    max-width:960px;
}
.container--lg{
    max-width:1320px;
}
.container--full{
    max-width:none;
    padding:0;
}
.section{
    position:relative;
    padding:120px 0;
}
.section--large{
    padding:160px 0;
}
.section--small{
    padding:80px 0;
}
.section__header{
    text-align:center;
    margin-bottom:72px;
}
.section__label{
    display:inline-block;
    font-size:15px;
    font-weight:700;
    color:var(--primary-color);
    margin-bottom:18px;
    letter-spacing:.08em;
}
.section__title{
    font-size:44px;
    font-weight:700;
    line-height:1.4;
    color:#222;
}
.section__description{
    margin-top:24px;
    color:#666;
    font-size:18px;
    line-height:2;
}
@media(max-width:1024px){
    .container{
        padding:0 20px;
    }
    .section{
        padding:90px 0;
    }
    .section__title{
        font-size:36px;
    }
}
@media(max-width:768px){
    .container{
        padding:0 16px;
    }
    .section{
        padding:72px 0;
    }
    .section__header{
        margin-bottom:48px;
    }
    .section__title{
        font-size:30px;
    }
    .section__description{
        font-size:16px;
    }
}