/* media queries - kings hotdogs css */

    
/* media quieries */


/* header */

/* 767px max */

@media (max-width: 767px) {
    .toggle-button {
        display: flex;
        margin-top: auto;
    }

    .navbar-links {
        width: 100%;
        display: none;
    }

    .navbar-links li {
       background-color: rgba(12,12,12,0.96);
       display: block;
    }

    .navbar-links li a {
        display: block;
        text-decoration: none;
        color: white;
        margin: 15px;
    }
    
    .navbar-links ul {
        width: 100%;
        flex-direction: column;
    }

    .navbar-links ul li {
        text-align: center;
        width: 100vw;
        height: -webkit-fill-available;
        height: 100%;
    }

    .navbar-links ul li a {
        padding: .5rem 1rem;
    }

    .navbar-links.active {
        display: flex;
    }
    .nav-text.hometop {
        padding-top: 40px;
    }
   .content.columns {
        margin-top: 40px;
        position: absolute;
    }
   .cover.image {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        position: relative;
        
    }
    .object-fit_cover_mobile {
        object-fit: cover;
        max-width: 100vw;   
        margin-top: 50px;
        min-height: 70vw;
    }
    .object-fit_cover {
        display: none;
    }
}

/* 768px min */
@media (min-width: 768px) {
    .content.columns {
        margin-top: 103px;
    }
    .object-fit_cover_mobile {
        display: none;
    }
}
/* end 768min */

/* end header */

/*Adjust Content for Mobile*/

@media (max-width: 400px) {
    .main.content {
        margin-top: 40px;
    }
    .heading1.main-cover-heading {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 40px;
    }
    .heading2.overlay.subheading {
        margin-bottom: 0px;
        margin-top: 10px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 2.2px;
    }
    .overlay.longtext {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.4em;
    }
    .btncontainer.call.flex-row {
        padding-top: 20px;
    }
    .navbar-links.active ul {
        width: 100vw;
        height: -webkit-fill-available;
        transform: translate(-25%, 0%);
    }
    .footer-navbar.mobile-footer-navbar {
        padding-left: 0px;
        font-size: 14px;
    }
    .footer-navbar.mobile-footer-navbar > li {
    }
    div.footer-side-navbar {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 25px;
        padding-bottom: 10px;
    }
    
}

@media (max-width: 521px) {
    .overlay.shorttext {
        padding-top: 20px;
    }
    .main.content {
        transform: translate(-50%,-20%);
    }
}

@media (max-width: 539px) {
    .fb-likebox {
        margin: 0px;
    }
    div.flexbox-item.fb-likebox {
        margin-bottom: 15px;
    }
    .footer-phone p {
        margin-bottom: 0px;
    }
    .flexbox-item.brandbox {
        padding: 5px;
    }
    .copyright {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
        margin-bottom: 12px;
    }
    div.footer-side-navbar {
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
}

@media (max-width: 544px) {
    .main.content {
    min-height: inherit;
    max-width: 100%;
    font-size: 85%;
   	}
    .heading1 {
        align-content: center;
    }
    h2.fbtext.mobile {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: -20px;
    }
    .left {
        visibility: hidden;
    }
    .right {
        visibility: hidden;
    }
    div.main.content {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
   	}
    .fbcontainer.lg {
        display: none;
    }
}

@media (min-width: 545px) {
    .fbcontainer.mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .parallax-img {
        visibility: visible;
        background-image: url("images/burger-fries-bg1.jpg");
        min-height: 250px; 
        background-attachment: fixed;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
    }
    .stationary {
        display: none;
    }
}

@media (max-width: 767px) {
    .parallax-img {
        display: none;
    }
}


/* end mobile media */

/* media quiery max width 767 */

@media (max-width: 767px) {

    .heading1.main-cover-heading {
        line-height: 1.3em;
        font-size: 44px;
    }
    .heading2.main-cover-heading {
        font-size: 22px;
    }
    .btncontainer.pdf {
        padding-bottom: 20px;
    }
    .main.content {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        transform: translate(-50%,-15%);
   	}
    .overlay.longtext {
        text-align: center;
    }
    #fairfood {
        position: relative;
        width: 100%;
        text-align: center;
        background-image: url("images/fair1-640x426-opacity50.jpg");
        z-index: 0;
        height: 425px;
    }
    #fair-img {
        position: relative;
        width: 329px;
        text-align: center;
        opacity: 0.92;
        z-index: 1;
        height: 425px;  
    }
    .mobile-overlay {
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: none;
        background-color: rgba(21,50,67,0.5);           
    }
}

/* end media quiery max width 767 */


/* media quiery min width 768 */

@media (min-width: 768px) {
    .navbuttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-basis: 60%;
    }
    .button.call.outline1 {
        background-color: transparent;
        border-style: solid;
        border-color: #fdfff2;
        border-width: 1px;
        color: #fdfff2;
    }
    .overlay.longtext {
        padding: 5px;
        text-align: center;
        line-height: 1.6em;
        font-size: 16px;
        text-transform: none;
    }
    .overlay.shorttext {
        padding: 10px;
    }
    .btncontainer.flex-row {
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .btncontainer.call.flex-row {
        padding-top: 15px;
    }
    .main.content {
        z-index: 3;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin-top: 80px;
        padding-left: 80px;
        padding-right: 80px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    #fairfood {
        position: relative;
        width: 100%;
        text-align: center;
        background-image: url("images/fair1-1920x1279-opacity50.jpg");
        z-index: 0;
        height: auto;
        object-fit: cover;
    }
    #fair-img {
        vertical-align: middle;
        position: relative;
        width: 495px;
        text-align: center;
        opacity: 0.92;
        z-index: 1;
        height: 640px;
    }

}




/* end media min width 768 */


/* min width 921 */

@media (min-width: 921px) {
    .overlay.longtext {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        padding: 5px 5% 5px 5%;
        text-align: center;
        line-height: 1.6em;
        font-size: 16px;
        text-transform: none;
    }
    .main.content {
        margin-top: 14%;
    }
    .btncontainer.flex-row {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 20px;
        margin: 20px;
    }
    .heading1.main-cover-heading {
        padding: 30px;
        margin: 10px;
    }
    .heading2.overlay.subheading {
        padding: 10px;
        margin: 10px;
    }  
}

/* end media min width 921 */

/* min width 1100 */

@media (min-width: 1100px) {
    .heading1.main-cover-heading {
        font-size: 78px;
        padding: 50px;
    }
}


/* end min width 1100 */

/*media queries featured images row */


@media (min-width: 768px) {
    .flexbox-feat {
        width: 33%;
        
    }
    .flex-clr-feat {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .flexbox-feat {
        width: 80%;
        position: relative;
        margin: auto;
        margin: 10px 0 10px 0;
    }
    .flex-clr-feat {
        position: relative;
        width: 100%;
        flex-direction: column;   
    }
    .feat-container {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 544px) {
    .flexbox-feat {
        width: 360px;
        height: 328px;
        margin: 10px 5px 10px 5px;

    }
    .flex-clr-feat {
        flex-direction: column;
        margin: auto;
    }
}    
    
@media (min-width: 1025px) {   
    .flexbox-feat {
        min-height: 328px;
    }
}



/* footer side menu */

/* footer mobile padding */
@media (max-width: 600px) {
  .flexbox-item.brandbox {
    margin-top: 10px;
  }
  .flexbox-item.hours {
    padding-bottom: 10px;
    padding-top: 0px;
    
  }
  .flexbox-item.fb-likebox {
    margin-bottom: 25px;
  }
  .footer-opensign {
    margin: 5px;
  }
}
/* end mobile padding */

/* less than 1092px inline style bottom menu/navbar */
@media (max-width: 1092px) {
  .mobile-footer-navbar {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    vertical-align: baseline;
    margin: auto;
    min-width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
   ul.footer-navbar.mobile-footer-navbar {
    min-width: 100vw;
  }
  .footer-side-navbar li:not(:first-child):before {
    content:" | ";
    color: #777777;
  }
  .footer-side-navbar a:hover {
    color: #911c1c;
  }
  .mobile-footer-navbar li {
    padding: 0px;
    margin-left: 1px;
  }
  .footer-side-navbar {
    margin-right: 30px;
  }
}
/* end less than 1092px bottom navbar */

/* greater than 1092px = navbar side menu */
@media (min-width: 1093px) {
  .footer-navbar {
    display: flex;
    list-style: none;
    align-items: flex-end;
    flex-wrap: nowrap;
    flex-direction: column;
    line-height: 50%;
  }
.flexbox-container.desktop {
    justify-content: space-between;
    flex-basis: 100%;
  }
}
/* greater than end */

/* end footer side menu */
    
/* end media quieries */