/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    #menu {
        font-size: 16px;
        padding: 10px;
    }

    .table-head {
        text-align: left;
    }

    .table-items .cr-name {
        text-align: left;
    }

    .table-items .row:nth-of-type(2n+0) .cr-price {
        background-color: #e5e5e5;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    #menu {
        font-size: 33px;
        padding: 15px;
    }

    #menu .table-wrapper .table-items .cr-name {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #menu .table-wrapper .table-items .cr-price {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #menu .table-wrapper {
        margin-bottom: 20px;
    }

    .table-head {
        font-size: 35px;
    }

    .text-block {
        padding: 20px;
    }

    .text-block p {
        font-size: 40px;
    }

}

@media (max-width: 1200px) {
    .main-wrapper {
        height: auto;
    }

    .section-half {
        height: auto;
        display: block;
    }

    .half, .three-quarters {
        height: auto;
        width: auto;
        border: none;
    }

    .food-desc, .food-price {
        position: unset;
    }

    .food-img {
        max-width: 100%;
        position: unset;
        display: block;
        margin: 0 auto;
    }

    .food-desc {
        height: auto;
    }

    .food-price {
        padding-top: 30px;
        text-align: center;
    }

    .food-none:before, .food-none:after {
        top: 0;
        bottom: 0;
    }
}

@media (max-width: 768px) {
    #main, #menu {
        height: auto;
    }
    #navigation > div:first-child > a > .navigation-item {
        margin-top: 20px;
    }
}