@media (min-width: 960px) {

    .header #logo {
        margin: 3em auto;
        max-width: 570px;
    }
    body.home ul.home-navigation li {
        display: inline-block;
        width: calc(20% - 30px);
        margin-left: 30px;
    }

    .header ul.main-nav {
        display: inline-block;
        margin: auto 0 auto auto;
    }
    .header ul.main-nav li {
        display: inline-block;
    }
    .header ul.main-nav li a {
        color: #FFFFFF;
    }

    .grid .item.half {
        width: calc( 50% - 60px );
        margin-left: 60px;
    }
    .grid .item.fourth {
        width: calc( 25% - 60px );
        margin-left: 60px;
    }
    .grid .item.third {
        width: calc( 33.33% - 60px );
        margin-left: 60px;
    }
    .category-list .grid .item.third {
        width: calc(33.33% - 60px);
    }
    .product article.grid {
        display: grid;
        grid-template-columns: 49% 2% 49%;
        grid-template-rows: auto auto auto auto auto auto auto auto;
    }

    .product article.grid .box{
        height: auto;
    }
    .product article.grid .box.img {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 8;
    }
    .product article.grid .box.description {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .product article.grid .box.title {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .product article.grid .box.flavor {
         grid-column-start: 3;
         grid-column-end: 3;
         grid-row-start: 4;
         grid-row-end: 5;
     }
    .product article.grid .box.price {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: left;
        margin-bottom: 20px;
    }


    .product article.grid .box.product-text {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 5;
        grid-row-end: 7;
    }
    .product article.grid .box.button {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 7;
        grid-row-end: 8;
    }

    #gallery .item {
        width: calc(25% - 30px);
    }

}