@media(max-width:992px){
    .hero{
        flex-direction:column;
        text-align:center;
        padding-top:120px;
    }

    .hero-content h1{
        font-size:3rem;
    }

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

@media(max-width:768px){
    .nav-links{
        position:absolute;
        top:80px;
        right:-100%;
        width:250px;
        height:100vh;
        background:#232F3E;
        flex-direction:column;
        padding:40px;
        transition:0.3s;
        gap: 20px;
        z-index: 999;
    }

    .nav-links.active{
        right:0;
    }

    .hamburger{
        display:block;
    }

    .hero-content h1{
        font-size:2.3rem;
    }

    .section-title{
        font-size:2rem;
    }

    .cta h2{
        font-size:2rem;
    }
}