/* ---------- RESPONSIVE ---------- */

@media (max-width:992px){

    .logo-line1,
    .logo-line2{

        font-size:1.15rem;

    }

    .hero{

        height:650px;

    }

}

@media (max-width:768px){

    .hero{

        height:560px;

    }

    .hero-overlay{

        background:rgba(4,18,17,.70);

    }

    .hero-title{

        font-size:2.4rem;

    }

    .hero-text p{

        font-size:1.05rem;

    }

    .intro-section{

        padding:60px 0;

    }

}