@media(max-width:992px){

    .services-grid,
    .why-grid,
    .process-grid,
    .gallery-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .contact{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .hero h1{

        font-size:50px;

    }

    .services-grid,
    .why-grid,
    .process-grid,
    .gallery-grid{

        grid-template-columns:1fr;

    }

    .nav-links{

        display:none;

    }

    .phone-button{

        display:none;

    }

}


@media(max-width:768px){

    .menu{
        display:block;
        font-size:28px;
        color:white;
        cursor:pointer;
    }

    .nav-links{

        position:absolute;

        top:90px;

        left:0;

        width:100%;

        background:#111;

        display:none;

        flex-direction:column;

        text-align:center;

        padding:30px 0;

    }

    .nav-links.active{

        display:flex;

    }

    .phone-button{

        display:none;

    }

}