/* ==========================================
   HERO
========================================== */

@media (max-width:1200px){

.hero{

    min-height:900px;

}

.hero .container{

    width:94%;

}

.hero-content{

    max-width:430px;

}

.hero-title{

    font-size:clamp(3.6rem,5vw,5rem);

}

.hero-media img{

    width:90%;

    right:-8%;

}

.hero-stats-grid{

    gap:18px;

}

}
@media (max-width:992px){

.hero{

    min-height:auto;

    padding:140px 0 90px;

}

.hero .container{

    display:flex;

    justify-content:center;

}

.hero-content{

    max-width:720px;

    text-align:center;

}

.hero-topline{

    justify-content:center;

}

.hero-text{

    margin-left:auto;

    margin-right:auto;

}

.hero-buttons{

    justify-content:center;

}

.hero-media{

    position:relative;

    height:430px;

    margin-top:60px;

}

.hero-media img{

    left:50%;

    right:auto;

    bottom:0;

    width:100%;

    transform:translateX(-50%);

}

.hero-overlay{

    background:

        linear-gradient(

            to bottom,

            rgba(7,21,38,.92),

            rgba(7,21,38,.25)

        );

}

.hero-stats{

    margin-top:40px;

}

.hero-stats-grid{

    grid-template-columns:repeat(2,1fr);

}

}
@media (max-width:768px){

.hero{

    padding:120px 0 70px;

}

.hero-title{

    font-size:2.8rem;

    line-height:1.05;

}

.hero-text{

    font-size:1rem;

}

.hero-buttons{

    flex-direction:column;

}

.hero-buttons .btn{

    width:100%;

}

.hero-media{

    height:320px;

}

.hero-stats-grid{

    grid-template-columns:1fr;

}

.hero-stat{

    padding:28px 22px;

}

}
@media (max-width:480px){

.hero-title{

    font-size:2.3rem;

}

.hero-label{

    font-size:.72rem;

    letter-spacing:2px;

}

.hero-text{

    line-height:1.8;

}

.hero-media{

    height:250px;

}

}