/* Big tablet to 1440px */
@media only screen and (max-width: 1440px) {
    body { font-size: 17px; }

    .container, .row { padding: 0 2%;}
    
    .hero-text-box {
        width: 100%;
        padding: 0 5%;
    }

    .transparent .navbar-brand img { height: 65px; }

    .menu-item-description-text { line-height: 115%; }

    #about-section .col-md-7 {
        padding-top: 1.5rem;
        padding-right: 1rem;
    }

    #about-section p {
        line-height: 180%;
    }

    #about-section img { height: 250px;}

    #gallery-section img {
        height: 175px;
    }
}

/* Small tablet to big tablet: 768-1023px */
@media only screen and (max-width: 1023px) {
    body { font-size: 18px; }
    section { padding: 70px 0 ;}
    h1 { font-size: 230%; }
    h2 { font-size: 200%; }
    h3 { font-size: 150%; }
    h4 { font-size: 120%; }
    h2::after { width: 75px; }
    .hero-text-box p{ font-size: 120%; }
    .hero-text-box .btn { font-size: 18px; }
    .fa-utensils { margin-top: 55px;}
    .menu-description-text { font-size: 75%; }
    #map{ margin-top: 25px; }
}

/* Small phones to small tablets: 481-767px */
@media only screen and (max-width: 767px) {
    body { font-size: 16px; }
    section { padding: 60px 0 ;}
    h1 { font-size: 180%; }
    h2 { font-size: 160%; }
    h3 { font-size: 155%; }
    h4 { font-size: 125%; }
    h2::after { width: 65px; }
    h3::after { width: 55px; }
    h4::after { width: 40px; }
    .dropdown-menu { font-size: 15px; }
    .transparent .navbar-brand img { height: 45px; }
    .hero-text-box .btn { font-size: 15px; }
}

@media only screen and (max-width: 480px){
    body { font-size: 14px; }
}