*{
    color: var(--color1);
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
}
body{
    font-size: 16px;
}
section{
    overflow: hidden;
}
/*colors*/
:root{
    --color1: #1A1A1A;
    --color2: #DE7310;
    --color3: #484848;
}

/*sw*/
@media only screen and (min-width: 1480px){
    .container{
        max-width: 1457px;
    }
}
/*titles*/
h1, h1 span, h2, h3, h4{
    color: var(--color1);
    line-height: 1.2;
}
h1{
    font-size: 120px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}
h1 span{
    font-size: 80px;
    margin-top: -28px;
    color: var(--color2);
    text-transform: uppercase;
}
h2{
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
}
h3{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 11px;
}
h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 19px;
    text-transform: uppercase;
}
/*btns*/
.btn{
    line-height: 1.2;
    padding: 16px 44px;
    border-radius: 2px;
    font-size: 16px;
    background-color: transparent;
    transition: 0.2s ease-out;
    font-weight: bold;
}
.btn.btn-primary{
    border: 2px solid white;
    color: white;
}
.btn.btn-primary:hover{
    background-color: white;
    color: var(--color1);
}
.btn.btn-secondary{
    border: 2px solid var(--color2);
    color: var(--color2);
    padding: 16px 59px;
}
.btn.btn-secondary:hover{
    color: var(--color1);
    background-color: var(--color2);
}
/*ul*/