/* =========================
   MOBILE
========================= */

@media(max-width:900px){

    /* GRID FIXES */
    .hero-grid,
    .features,
    .cards,
    .reviews,
    .footer .grid,
    .row{
       grid-template-columns:1fr;
    }
 
    /* BURGER */
    .burger{
       display:flex;
    }
 
    /* MOBILE MENU */
    .menu{
       display:none;
       position:absolute;
       top:70px;
       left:0;
       right:0;
       background:white;
       flex-direction:column;
       gap:16px;
       padding:20px;
       border-top:1px solid #eee;
       box-shadow:0 15px 40px rgba(0,0,0,.08);
       z-index:100;
    }
 
    .menu.open{
       display:flex;
    }
 
    .menu a{
       font-size:17px;
       padding:10px;
    }
 
    /* PROJECT IMAGES STACK */
    .project-images{
       flex-direction:column;
    }
 
    .project-images img{
       height:200px;
    }
 
    /* HERO SPACING */
    .hero{
       padding:80px 0 60px;
    }
 
    .hero h1{
       font-size:36px;
    }
 }