@media only screen and (width <= 767px) {
    .box {
        width: 225px;
        height: 360px;
    }

    nav, footer {
        height: 75px;
    }

    #title-section p {
        font-size: 2em;
    }

    #product_price {
        font-size: 20px;
    }

    #product_name {
        font-size: 18px;
    }

    .nav-titles {
        font-size: 18px;
    }

    #title-section {
        height: 125px;
    }

    .card {
        width: 225px;
        height: 360px;
    }
}