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

@media (max-width:768px){

    .hero-box{

        padding:30px 20px;

    }

    .hero-box h1{

        font-size:16px;

    }

    .window-box{

        margin:30px auto;

        padding:20px;

    }

    .primary-button{

        font-size:10px;

    }

    .cart-item{

        grid-template-columns:70px 1fr 34px;

    }

}

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

@media (max-width:480px){

    #header{

        padding:0 16px;

    }

    #product-list{

        grid-template-columns:1fr;

    }

}