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

@media(max-width:992px){

    .nav-menu{
        display:none;
    }

    .mobile-toggle{
        display:flex;
    }

    .hero-wrapper{
        grid-template-columns:1fr;
    }

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

    .hero-content p{
        margin:auto auto 40px;
    }

    .hero-buttons{
        justify-content:center;
    }

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

@media(max-width:768px){

    .header-actions{
        display:none;
    }

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

    .hero-buttons{
        flex-direction:column;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
    }
}