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

@media(max-width:992px){

    .hero{

        min-height:500px;

        padding:60px 20px;

    }

    .hero h1{

        font-size:3rem;

    }

}

@media(max-width:768px){

    .hero{

        min-height:420px;

        padding:40px 15px;

        background-position:center center;

    }

    .hero-content{

        width:100%;

        padding:10px;

    }

    .hero-logo{

        width:120px;

        margin-bottom:15px;

    }

    .hero h1{

        font-size:2rem;

        line-height:1.2;

        margin-bottom:10px;

    }

    .hero p{

        font-size:1rem;

        line-height:1.5;

    }

}

@media(max-width:480px){

    .hero{

        min-height:350px;

        padding:30px 10px;

    }

    .hero-logo{

        width:90px;

    }

    .hero h1{

        font-size:1.5rem;

    }

    .hero p{

        font-size:0.9rem;

    }

}