@media (max-width:980px){

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

    .hero{
        padding:80px 0 60px;
    }

    .hero-card{
        justify-self:start;
    }

    .footer-inner{
        flex-direction:column;
        gap:10px;
    }
}

@media (max-width:768px){

    .header-wrapper{
        height:auto;
        padding:20px;
        flex-direction:column;
        gap:18px;
    }

    .nav{
        flex-wrap:wrap;
        justify-content:center;
        gap:18px;
    }

    .brand img{
        height:54px;
    }

    .nav a.active::after{
        display:none;
    }

    .header-button{
        width:100%;
        text-align:center;
    }
}

@media (max-width:640px){

    .hero h1{
        letter-spacing:-1px;
    }

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

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

@media (max-width:980px){

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:640px){

    .services-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:980px){

    .contact-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:640px){

    .contact-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .form-grid{
        grid-template-columns:1fr;
    }

    .project-request-header h1{
        font-size:38px;
    }

}