@media(max-width:465px){

    
}

@media(max-width:768px){

    /* Home page*/
    nav{
        display:none; /* hide full nav */
    }

    .menu-toggle{
        display:block;
    }

    .header{
        flex-direction:row;
        justify-content:space-between;
        padding:10px 20px;
        
    }

    .hero{
        height:75vh;
    }

    .hero-content{
        width:90%;
    }

    .hero-content h1{
        font-size:1.8rem;
        line-height:1.3;
    }

    .hero-content p{
        font-size:0.95rem;
    }

    .service-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .service-card img{
        height:180px;
    }

    .industries{
        padding:50px 20px;
    }

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

    .industry-card img{
        height:160px;
    }

    section{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    h2{
        font-size:1.6rem;
    }

    p{
        font-size:0.95rem;
    }

    .error-content h1{

        font-size:6rem;

    }

    .error-content h2{

        font-size:1.8rem;

    }

    .error-buttons{

        flex-direction:column;

    }

    .btn-primary,
    .btn-secondary{

        width:100%;

    }

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

    .form-row{
        flex-direction:column;
    }
 
    .footer{

        padding:50px 25px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        text-align:center;

        gap:35px;

    }
}