@media only screen and (min-width: 768px) {
    .font-xl {
        font-size: 5vw;
    }
    .masonary-grid>div:not(:nth-child(2n)){
        padding-right: 0;
    }
    .h-sm-35percent{
        height: 35%;
    }
    .h-sm-65percent{
        height: 65%;
    }
    .parallax-img2{
        max-width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    body.page,body.single,body,.archive {
        margin-top: 100px;
    }
}
@media only screen and (min-width: 992px) {

    .navbar-brand{
        display: block;
    }
    .dish-grid>div:not(:nth-child(3n)){
        padding-right: 0;
    }
    body.page,body,.archive {
        margin-top: 67px;
    }
    body.single{
        margin-top: 100px;
    }
}
@media only screen and (max-width: 992px) {
    .navbar{
        background-color: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    }
}