@media screen and (max-width: 550px) {
    #content {
        margin-top: -100%;
    }

    h1 {
        text-align: left;
    }

    .foodItem {
        width: 30%;
    }

    .foodImg {
        width: 100%;
    }

    #best {
        margin-top: 55%;
    }

    #info {
        margin-left: -50%;
        width: 80%;
        height: 22%;
    }

    #info h4 {
        width: 40%;
    }

    #map {
        position: absolute;
        top: 6;
        width: 40%;
        margin-left: 45%;
    }

    .review {
        width: 95%;
    }
}