@media (max-width: 320px) {
    .menu .menu-options .logo {
        height: 50px;
    }
    .grid .grid-item .content,
    .grid .grid-sizer .content {
        margin-top: 250px;
        opacity: 1;
    }

    .about h2,
    .big h2,
    .detail h2,
    .orders h2 {
        font-size: 20px;
        padding: 30px;
    }
}

@media (min-width: 375px) {
    .grid .grid-item .content,
    .grid .grid-sizer .content {
        opacity: 0;
    }

    .grid .grid-item .content:hover,
    .grid .grid-sizer .content:hover {
        opacity: 1;
    }

    .about h2,
    .big h2,
    .detail h2,
    .orders h2 {
        font-size: 24px;
        padding: 30px;
    }
}

.grid .grid-item.big, .grid .grid-sizer.big {
    width: 20%;
    padding-top: 20%;
}

@media (max-width: 862px) {
    .grid .grid-item.big, .grid .grid-sizer.big {
        width: 100%;
        padding-top: 100%;
    }
}