/*
========================
991px
========================
*/

@media(max-width:991px){

    .custom-navbar{
        background: rgba(17,17,17,0.95);
        padding: 18px 0;
    }

    .navbar-collapse{
        margin-top: 20px;
    }

    .hero-content h1{
        font-size: 46px;
    }

}

/*
========================
767px
========================
*/

@media(max-width:767px){

    .hero-section{
        text-align: center;
    }

    .hero-content h1{
        font-size: 36px;
    }

    .hero-content p{
        font-size: 16px;
    }

}