/* ==========================================================================
   Fonts
   ========================================================================== */
/*

@font-face {
    font-family: 'BenchNine';
    src: url(../fonts/BenchNine-Bold.ttf);
   font-weight: normal;
}

@font-face {
    font-family: 'BenchNine';
    src: url(../fonts/BenchNine-Bold.ttf);
   font-weight: bold;
}


@font-face {
    font-family: 'Cabin';
    src: url(../fonts/Cabin-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Cabin';
    src:  url(../fonts/Cabin-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: 'Cabin';
    src: url(../fonts/Cabin-Italic.ttf);
    font-weight: normal;
    font-style: italic;
}*/

/* ==========================================================================
   Global Styles
   ========================================================================== */




html,
button,
input,
select,
textarea,
a {
    color: #768d3b;
}


::-webkit-input-placeholder {
   color: #768d3b;
}

:-moz-placeholder { /* Firefox 18- */
   color: #768d3b;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #768d3b;
}

:-ms-input-placeholder {  
   color: #768d3b;
}


html {
    font: 15px/1.5em 'Cabin', Helvetica, Helvetica Neue, Arial, sans-serif;
}
h1 {
    line-height: 1.2em;
    margin-top: 1.2em;
    font-size: 1.8em;
    text-transform: uppercase;
}
h2 {
    font-size: 1.4em;
    letter-spacing: 1px;
    line-height: 1.4em;   
    text-transform: uppercase;
    font-weight: 700;
}
h2.center {
    text-align: center;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
img,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browsehappy {
    margin:     0;
    background: gray;
    color: #f2d283;
    padding: 2em;
}
.browsehappy a {
    color: #f2d283;   
}
img.responsive {
    max-width: 100%;
    height: auto;
}
.clearer {
    clear: both;
    height: 0;
    width: 0;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
ul.plain {
    list-style: none;
    margin: 0;
    padding: 0;
}
.button {
    width: 40%;
    height: auto;
    background-color: #1eb5ac;
    color: #f2d283;
    padding: 1em;
    margin: 2em 30% 1.5em;
    text-align:center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    cursor: pointer;
    display: block;
    text-decoration: none;

}
.scalingBtn {
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms; 
    z-index: 2;
    position: relative;
}
.scalingBtn:hover {
    -ms-transform: scale(1.08); 
    -webkit-transform: scale(1.08); 
    -o-transform: scale(1.08); 
    transform: scale(1.08); 
}

/* ==========================================================================
   Mobile First
   ========================================================================== */
/* GRID */
#logo-for-print { display: none; }
.container {
    width: 94%;
    margin: 0 auto;
    padding: 1em 0 2em;
    position: relative;
}
#masthead .container, nav .container {
    padding: 0;   
}
.grid-half, .grid-third, .grid-two-thirds {
    width: 100%;
    padding: 0;
    margin: 0;
}
/* END GRID */


.sbs {
    margin: 0;
    padding: 0;
}
.sbs__table {
    
}
.sbs__row {
    
}
.sbs__cell {
    height: 340px;
    width: 100%;
   
    position: relative;
}
/*
.sbs__cell:first-child .sbs__image {
    background-image: url("../img/Facade_web.jpg");
}
.sbs__cell:last-child .sbs__image {
    background-image: url("../img/DSC_1200_web.jpg");
}*/
.sbs__image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* MASTHEAD */
#masthead {
    /*overflow-x: hidden;   */
    overflow: hidden;   
    position: relative;
}
#masthead .slick-slide {
    height: 300px;
    overflow: hidden;   
    width: 100%;
    position: relative;
}
#masthead .slick-slide .slide-background {
    height: 100%;
    width: 100%;
    
}
#masthead .slick-slide .slide-content {
    max-width: 100%;
    height: auto;
    width: auto;
    display: block;
    position:absolute;
    width: 80%;
    top: 50%;
    max-width: 1000px;
    left: 50%;
    -moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
} 
#masthead .slick-slide .slide-content img {
        display: block;
    max-height: 550px;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
#masthead img {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
}
#mastheads a {
    display: block;
}
#masthead-container {
    overflow: hidden;
    margin: 0 auto;
}
#mastheads {
    padding: 0;
    margin: 0;
    list-style-type: none;
 
    width: 100%;
    left: 0;
    position: relative;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    bottom: 25px;
}
.slick-dots li button:before {
    font-size: 30px;
    color: white; /*rgb(242, 210, 131);*/
    content: '\25CB';
}
.slick-dots li.slick-active button:before {
    color: white; /*rgb(242, 210, 131);*/
    content: '\25CF';
}
.slick-dots li:hover button:before {
    content: '\25CF';
}
.slick-prev {
    left: 25px;
    opacity: 0;
}
.slick-next {
    right: 25px;
    opacity: 0;
} 
.slick-prev, .slick-next {
    z-index: 9999;
    
}
.slick-prev:before , .slick-next:before {
     /*color: rgb(242, 210, 131);*/
    
    padding: 1em 0;
    
}
#big-dill {
    margin: 1em auto 1em;
    background: url('../img/big-dill5-small.png') no-repeat top left ;
    width: 320px;
	height: 199px;
    position: relative;
   -webkit-animation: big-dill-animate 2.1s linear 0s/*,
         big-dill-animate2 .4s linear 2.1s infinite forwards*/;
   -moz-animation: big-dill-animate 2.1s linear 0s/*,
         big-dill-animate2 .4s linear 2.1s infinite forwards*/;
        animation: big-dill-animate 2.1s linear 0s/*,
         big-dill-animate2 .4s linear 2.1s infinite forwards*/;
        
   
}
.slick-dots {
    /*width: auto;
    left: 50%;
    transform:translateX(-50%);*/
}
#order-online__container {
    float: none;
    clear: both;
    
    margin: .2em auto 1em;
    padding: 0;
    /*-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);*/
    
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#order-online__container:hover {
    /*-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);*/
    
}

#order-online__button,
#order-online__button:hover,
#order-online__button:focus,
#order-online__button:active {
    display: block;
    text-decoration: none;
    background-image: url("../img/order-now3.gif");
    background-repeat: no-repeat;
    background-size: 200px 43px;
    width: 200px;
    height: 43px;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    
}
#order-online__button:hover,
#order-online__button:focus,
#order-online__button:active {
    -moz-animation: order-hover .5s infinite alternate ease;
    -webkit-animation: order-hover .5s infinite alternate ease;
    -o-animation: order-hover .5s infinite alternate ease;
    -ms-animation: order-hover .5s infinite alternate ease;
    animation: order-hover .5s infinite alternate ease;
    
}

@-moz-keyframes order-hover {
    from {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    
    }
    to {
    
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
} @-webkit-keyframes order-hover {
    from {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    
    }
    to {
    
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
}
@keyframes order-hover {
    from {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    
    }
    to {
    
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
}

 @-webkit-keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-small-off.png') no-repeat top left ;  opacity: 1;}

    98%   {background: url('../img/big-dill5-small-off.png') no-repeat top left ;  opacity: 1;}
    99%   {background: url('../img/big-dill5-small.png') no-repeat top left ;  opacity: 1;}
   /* 100% {background: url('../img/big-dill5-small-f2.png') no-repeat top left ;  opacity: 1;}*/
}


@-moz-keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-small-off.png') no-repeat top left ; opacity: 1;}

    98%   {background: url('../img/big-dill5-small-off.png') no-repeat top left ; opacity: 1;}
    99%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
/* 100% {background: url('../img/big-dill5-small-f2.png') no-repeat top left ;  opacity: 1;}*/}

/* Standard syntax */
@keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-small-off.png') no-repeat top left ; opacity: 1;}
    98%   {background: url('../img/big-dill5-small-off.png') no-repeat top left ; opacity: 1;}
    99%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
/* 100% {background: url('../img/big-dill5-small-f2.png') no-repeat top left ;  opacity: 1;}*/}



@-webkit-keyframes big-dill-animate2 {

    0%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
    50% {background: url('../img/big-dill5-small-f2.png') no-repeat top left ; opacity: 1;}
    100%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
}


@-moz-keyframes big-dill-animate2 {

    0%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
    50% {background: url('../img/big-dill5-small-f2.png') no-repeat top left ; opacity: 1;}
    100%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
}


/* Standard syntax */
@keyframes big-dill-animate2 {
     0%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
    50% {background: url('../img/big-dill5-small-f2.png') no-repeat top left ; opacity: 1;}
    100%   {background: url('../img/big-dill5-small.png') no-repeat top left ; opacity: 1;}
}

#shooter {
    width: 193px;
    height: 100px;
    position: absolute;
    top: 10px;right: -70px;
    background: url(../img/flamegun-link-small.gif) no-repeat;
    display: block;
     -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(-45deg); /* IE 9 */
            transform: rotate(-45deg);
    -webkit-animation: shooter_animate 2s ease-in;
       -moz-animation: shooter_animate 2s ease-in;
            animation: shooter_animate 2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in-out;
                transition: transform .2s  ease-in-out;
}

#shooter:hover {
     -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(-30deg); /* IE 9 */
            transform: rotate(-30deg);
}

/* Chrome, Safari, Opera */
@-webkit-keyframes shooter_animate {
    
    0%   {top: -40px;right: -280px;}
    15%  {top: -40px;right: -280px;}
    100% {top: 10px;right: -70px;}
}

@-moz-keyframes shooter_animate {
    
    0%   {top: -40px;right: -280px;}
    15%  {top: -40px;right: -280px;}
    100% {top: 10px;right: -70px;}
}

/* Standard syntax */
@keyframes shooter_animate {
    0%   {top: -120px;right: -280px;}
    15%  {top: -120px;right: -280px;}
    100% {top: 10px;right: -70px;}
}


/* END MASTHEAD */
/* SLIDE STYLES */
.anchor {
    height: 0;
    width: 0;
    /* offset for sticky nav */
    margin-top: -4em;
    margin-bottom: 5em;
}
#menu-anchor {
    margin-top: -6em;
    margin-bottom: 8em;
}
.slide {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    min-height: 3em;
    overflow:auto;
    position: relative;
    font-size: 1.2em;
    line-height: 1.5em;
}



section.green, footer.green, nav {
    color: #f2d283;
    background: url('../img/texture-green-medium.png') repeat #768d3b; 
    text-shadow:
   -3px -3px 0 #768d3b,  
    3px -3px 0 #768d3b,
   -3px  3px 0 #768d3b,
    3px  3px 0 #768d3b;
} 
 
section.orange {
    background-color: #ae4b25;
    color: #f2d283;
    /*background: url('../img/texture-orange-medium.png') no-repeat center center; */
    background: url('../img/texture-orange-medium.png') repeat #ae4b25; 
    text-shadow:
   -3px -3px 0 #ae4b25,  
    3px -3px 0 #ae4b25,
   -3px  3px 0 #ae4b25,
    3px  3px 0 #ae4b25;
}
section.orange a {
    color: #f2d283;
}

section.yellow {
    background-color: #f2d283;
    color: #ae4b25;
     background: url('../img/texture-yellow-medium.png') repeat #f2d283; 
    text-shadow:
   -3px -3px 0 #f2d283,  
    3px -3px 0 #f2d283,
   -3px  3px 0 #f2d283,
    3px  3px 0 #f2d283;
   
}

section.yellow .location-container {
     text-shadow: none;
}

section.yellow .location-container h1, section.yellow .location-container p {
     text-shadow:
   -3px -3px 0 #f2d283,  
    3px -3px 0 #f2d283,
   -3px  3px 0 #f2d283,
    3px  3px 0 #f2d283;
}

section.photo {
    background-color: #ccc;
    color: #f2d283;
}



#story-header, #open-header, #location-header {
    text-align: center;   
    max-width:98%;
    margin-left: auto;
    margin-right: auto;
}
#story p, #menus p, #comingsoon p, #open p {
    text-align: left;
    font-size: 1em;   
    line-height: 1.3em;
    margin-left: .4em;
    margin-right: .4em;
    letter-spacing: .1px;
}
#menus .menu-list-container p {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    font-size: .85em;
}
.story-border {
    /*border-top: solid .15em #f2d283;
    
    border-bottom: solid .15em #f2d283;*/
    margin: .2em 0;
}
#story a {
    /*color: #00b0aa;   */
}
#story-social {
    margin-bottom: 2em;   
}

section.yellow a, section.photo a, section.green a {
    color: #f2d283;   
}

.rotatingBtn, .rotatingBtn2 {
    display: block;
    -webkit-transition:  300ms;
    -moz-transition:  300ms;
    -o-transition:  300ms;
    transition:  300ms;  
    z-index: 2;
    position: relative;
}
.rotatingBtn:hover {
    -ms-transform: rotate(-3deg); 
    -webkit-transform: rotate(-3deg); 
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);   
}
.rotatingBtn2:hover {
    -ms-transform: rotate(3deg); 
    -webkit-transform: rotate(3deg); 
    -o-transform: rotate(3deg);
    transform: rotate(3deg);   
}

/* END SLIDE STYLES */

/* location */
#location {
    text-align: center;   
}
.location-container {
    color: #768d3b;
    padding: 1em 1em 1em 1em;
    font-size: .8em;
    line-height: 1.2em;
    /*margin-top: 1em;*/
}
#location-box {
    width: 100%;
}
.location-container h1 {
    font-size: 1.4em;
    text-transform: uppercase;
    margin: 1em 0 0 1em;
    padding: 0;
    letter-spacing: 0;
}

#lcont2 {
    padding-top: 0;   
    margin-top: 0;
}
#lcont2 h1 {
    margin-top: 0;
}
.location-container p {
    padding: 0;
    margin: .4em 0 0 1em;
    font-style: italic;
    letter-spacing: 0;
    line-height: 1.4em;
}

.location-container p.phone {
    font-weight: 700;
    font-size: 1.5em;
    margin-left: .6em;
    letter-spacing: 1px;
    margin-bottom: .5em;
    color: #f2d283;
}
#location h2 {
    margin-bottom: .3em;   
    font-size: 1.1em;
    line-height: 1.3em;
}
#location iframe, #map {
    width: 100%;
    max-width: 100%;
    height: 300px;
}


#location > div > div > p {
    font-size: 1em;  
    
    margin-top: 0;
}
/* END OCATIONS */


/* FOOTER */
footer .container {
    padding-top: 2em;   
}
#footer-spacer {
    height: 2.5em;   
}
#footer-social-header {
    margin-top: 2em;   
}
#footer-social li {
    display: block;
    width: 28px;
    height: 27px; 
    float: left;
    margin: 0 .4em 2em 0;
}
#intouch-header {
    margin-top: 2.5em;
    clear: both;
    max-width: 70%;
}
#intouch-errors {
    background-color: #ae4b25;
    color: #f2d283;
    text-shadow: none;
    padding: .5em;
    display: none;
    margin-top: .5em;
}
#intouch-captcha {
    display: none;
}
#intouch-submit {
    /*display: none;*/
}
#footer-logo {
    width: 95px;
    height: 102px;
    display: none;
    margin: .5em 0 0 0;
    padding: 0;
}
#footer-contact {
    line-height: 1.2em;
}

footer .legal {
    font-size: .5em;
    margin: .1em 0;
}

footer .container {
    padding-bottom: 0;   
}
footer a {
    color: #f2d283;
    text-decoration: none;
}
footer h3 {
    margin-top: 0;
    margin-bottom: .4em; 
    font-size: 1.2em;
    border-bottom: 1px dotted #f2d283;
    padding-bottom: .4em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#footer-nav a {
    display:block;   
    padding: .2em 0;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: 'BenchNine', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: bold;
}
#footer-nav a,  footer h3 {
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -20px;
}
footer a:hover {
    text-decoration: underline;
    
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    -ms-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    
}
#footer-nav a:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,.2);   
    text-shadow: none;
}
#footer-social a:hover {
    background: none;
}   

#to-top p {
    margin: .4em 0;
    font-size: .8em;
}
#to-top {
    margin-top: 3em;
    color: #f2d283;
    text-decoration: none;
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}
/* END FOOTER */
/* FORMS */


form input, form select, form textarea {
    width: 100%;  
    background-color: #f2d283;
    border-radius: 4px;
    height: 2em;
    margin: .6em 0;
    padding: 0 5px;
    line-height: 2em;
    color: #768d3b;
    font-size: .9em;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For all Gecko based browsers */
          box-sizing: border-box;
    
    border: 0;   
}
form input[type=checkbox], form input[type=radio] {
    width: auto;
    margin: 0 .5em 0 0;
    display: inline-element;
    vertical-align:middle;
    position: relative;
}
.section-hidden {
    max-height: 0;
    min-height: 0;
    overflow:hidden;
    -webkit-transition: max-height 1000ms ease-in;
    -moz-transition: max-height 1000ms ease-in;
    -o-transition: max-height 1000ms ease-in;
    transition: max-height 1000ms ease-in;
}
.section-hidden.open {
    max-height: 1000em;
}
form h3 {
    width: 100%;
    border-bottom: 1px dotted white;
    
    font-size: 1em;
    padding-bottom: .2em;
    margin-bottom: .4em;
}
form input[type=submit] {
    width: auto;   
    text-transform:uppercase;
    font-weight: 700;
    clear: both;
    height: auto;
    display: block;
    letter-spacing: 4px;
    padding: .2em .8em;
    color: #768d3b;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For all Gecko based browsers */
          box-sizing: border-box;
    border: 0;
}
form .qty {
    margin: 0 0.5em .5em 0;
    width: 2.5em;
    display: inline-block;
    vertical-align: middle;
}
.form-tiny {
    padding-top: 0;
    margin-top: 0;
    font-size: .7em; 
    line-height: 1.2em;
}


legend {
    text-transform: uppercase;
    line-height: 1.2em;
    padding-right: .5em;
    font-weight: 700;
    letter-spacing: 1px;
}
fieldset {
    border-top: 1px solid white;   
    padding: 1em 0;
    margin: 1em 0;
} 
form textarea {
    height: 8em;

}
footer form label {
    font-size: .8em;   
}
/* END FORMS */
/* PHOTO GALLERY */
#pickle-gallery {
    background-color: white;
    height: 240px;
    overflow: hidden;
}
#pickle-gallery .owl-dots {
    display: none;   
}
/* END PHOTO GALLERY */
/* MENU */

#menu-spacer {
    margin: 0;
}

#menu-gr-btn, #menu-gh-btn {
   /* display: block;   
     margin-left: 2em;   */
}


#menus {
    overflow: hidden;
}
#menus p, #comingsoon p {
    max-width: 100%; 
}
#menu-header {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
#menu-nutrition2 {
    width: 150px;
    /*position:absolute;
    top: 2.8em;
    right: .5em;*/
    position: relative;
    display: block;
    margin: .6em auto;
    -ms-transform: rotate(-2deg); 
    -webkit-transform: rotate(-2deg); 
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);  
}
#menu-nutrition2 a:nth-child(2) {
    width: 100%;
    display: table;
    line-height: 1.5em;
    text-align: center;
    font-size: .6em;
    text-decoration: none;
    
}
#menu-nutrition2 a:hover {
    text-decoration: none;
}
#menu-nutrition2 img { 
}
#menu-list {
    list-style: none;
        margin: 2em auto 0;
    font-size: 1.6em;
    text-transform: uppercase;
    padding: 0;
}




#menu-list li {
    display: block;   
    text-align: center;
    margin: .8em .3em;
    
    font-family: 'BenchNine', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: bold;
}
#menu-list a {
    text-decoration: none;   
}
.menu-list-container {
    width: 100%;
    margin: 0;
    padding: 0 100%;
    left: -100%;
    position: relative;
    background: none;
    background-color:  #ae4b25;
    text-shadow:
   -3px -3px 0 #ae4b25,  
    3px -3px 0 #ae4b25,
   -3px  3px 0 #ae4b25,
    3px  3px 0 #ae4b25;
}


    

.menu-list-container > div {
    padding: 0 0 1em 0;
    position: relative;
}
.menu-list-container h3 {
    padding-bottom: .2em;
    margin-bottom: .2em;
    border-bottom: 1px dotted #f2d283;
    
}
.menu-close-btn {
    background: url(../img/close-btn.png) no-repeat left top;
    position: absolute;
    right: 0em;
    top: .3em;
    width: 30px;
    height: 30px;
    display: block;
}

section.orange a.menu-order-btn {
    width: auto;
     position: relative;
        background: #f2d283;
    
    height: 26px;
    margin-top: -.5em;
    text-shadow: none;
    top: .3em;
    display: block;
    color: #ae4b25;
    text-decoration: none;
    font-size: .8em;
    font-weight: 900;
    width: 140px;
}
section.orange a.menu-order-btn + p {
    margin-top: 1.5em;
}


section.orange a.menu-order-btn:hover,
section.orange a.menu-order-btn:focus,
section.orange a.menu-order-btn:active {
    
    color: #ae4b25;
    text-decoration: none;
    background: #f2d283;
}
.menu-order-btn div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.menu-deli h4 {
    padding: 0;
    font-size: 1.2em;
    margin: 0;
    color: #f2d283 ;
    font-family: 'BenchNine', Helvetica, Helvetica Neue, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
.menu-list-container h2 {
   /* color: #572512;*/

}
.menu-deli h4 small {
    text-transform: uppercase;
    font-weight: normal;
    display: none;
}

.menu-deli h4 small:before {
    content: " - ";
}
.menu-deli p {
    font-size: .8em;
    line-height: 1.4em;
    margin-top: 0;
    
    color: #f2d283;
}
.menu-list-container mark {
    background: none;
    color: inherit;
    text-shadow: inherit;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    margin-left: .5em; 
    line-height: inherit;
    letter-spacing: inherit;

}
.menu-deli li {
    border-bottom: 1px dotted #f2d283;
    margin-top: .5em;
    padding-top: .5em;
}
.menu-list-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* END MENU */
/* NAVIGATION */

nav {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    background-color: #768d3b;
    position: relative;
    
    font-family: 'BenchNine', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    max-height: 90em;
    -webkit-transition: max-height 300ms ease-out;
    -moz-transition: max-height 300ms ease-out;
    -o-transition: max-height 300ms ease-out;
    transition: max-height 300ms ease-out;
    max-width: 100%;
    overflow: hidden;
}
.is-sticky nav {
    overflow: visible;   
}
.is-sticky nav.on {
    max-height: 90em;
}
.is-sticky #order-online__container {
    display: none;
}
nav ul {
    margin: 0;
    padding: 0;
}
nav li {
    margin:0; 
    padding: 0;
}
nav .container {
    width: 100%;
}
nav a {
    display: block;
    padding: .5em 0 .5em 1em;
    text-decoration: none;
    color: #f2d283;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
nav a:hover {
    color: #f2d283;
    text-decoration: none;
    background-color: rgba(0,0,0,.5);
    text-shadow: none;
}
nav li:nth-child(odd) {
    background-color: rgba(0,0,0,.3);  
    text-shadow: none;
}
nav li.social a {
    background: none;
}
nav .social a:hover {
    text-decoration: none;
}
nav .social a {
    display: block;
    width: 28px;
    height: 27px;  
}
nav .social {
    float: left;   
}
nav li.social {
    background: none;   
}
nav .social img {
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.8);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.8);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.8);   
    
	border-radius: 7px;
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
nav .social a:hover img {
    -moz-box-shadow:
	-3px -3px 3px rgba(0,0,0,0.5), 
	2px 2px 1px rgba(255,255,255,.8),
	inset 0 -1px 3px rgba(190,255,255,0.5), 
	inset 0 3px 3px rgba(0,0,0,0.2); 
	-webkit-box-shadow:
	0px -3px 3px rgba(0,0,0,0.5), 
	1px 1px 1px rgba(255,255,255,.8),
	inset 0 -1px 3px rgba(190,255,255,0.5), 
	inset 0 3px 3px rgba(0,0,0,0.2); 
	box-shadow:
	0px -3px 3px rgba(0,0,0,0.5), 
	1px 1px 1px rgba(255,255,255,.8),
	inset 0 -1px 3px rgba(190,255,255,0.5), 
	inset 0 3px 3px rgba(0,0,0,0.2);  
}
#nav-facebook {
    background: url('../img/nav-facebook.png') no-repeat top left ;
}
.is-sticky nav  {
    -webkit-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.4);
    z-index: 99;
    min-height: 48px;
    max-height: 48px;
}

nav.stay_sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
     -webkit-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.4);
}
#nav-list {
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out 150ms, padding 300ms ease-out;
    -moz-transition: opacity 300ms ease-out 150ms, padding 300ms ease-out;
    -o-transition: opacity 300ms ease-out 150ms, padding 300ms ease-out;
    transition: opacity 300ms ease-out 150ms, padding 300ms ease-out;  
    clear: both;
}
.is-sticky nav.on #nav-list {
    opacity: 1;
    padding-top: 12px;
    display: block;
}
.is-sticky #nav-list {
    opacity: 0;
    clear: both;
    display: none;
}
.is-sticky a {
    cursor:default;   /* temp fix */
}
.is-sticky nav.on a {
    cursor: pointer;
}
#nav-logo-sm, #nav-btn  {
    position: fixed;
    -webkit-transition: margin 400ms ease-in-out;
    -moz-transition: margin 400ms ease-in-out;
    -o-transition: margin 400ms ease-in-out ;
    transition: margin 400ms ease-in-out;
    z-index: 999;
    top: -10px;
}
#nav-logo {
   max-width: 90%;
    float: left;
}
#nav-logo:hover, #nav-logo-sm:hover {
    background: none;   
}
#nav-logo-sm {
   
    margin-left: -2000px;
    max-width: 90%;
    cursor: pointer;
    /*width: 68px;
    margin-top: -24px;*/
    
    width: 200px;
    margin-top: -12spx;
}
.is-sticky #nav-logo, nav.stay_sticky #nav-logo {
    display: none;   
}
.is-sticky #nav-logo-sm, nav.stay_sticky #nav-logo-sm {
    opacity: 1;
    margin-left: -8px;
    display: block;
}

#nav-btn {
    position: relative;
    margin-right: -2000px;
    color: #f2d283;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .8em;
    float: right;
    top: 0;
    /*margin-top: 14px;*/
    display: block;
    text-decoration: none;
    
    display:none;
    padding: 14px 0 11px 0;
}
.is-sticky #nav-btn {
    opacity: 1;
    display: block;
    margin-right: 0;
}
#nav-btn div {
    background: url('../img/nav-btn.png') no-repeat top center;
    margin: -6px 12px 0 1em;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out ;
    transition: transform 300ms ease-in-out;
}
#nav-btn.on div {
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    -o-transform: rotate(90deg);
    transform: rotate(90deg);   
}



#nowopen {
    display: none;
    float: right;
    max-width: 30%;
    height: auto;
    top: 60px;
    position: relative;
}
 #nowopen2 {
        display: block;
        max-width: 30%;
        height: auto;
        margin:  -.2em 0 .5em .8em;
        position: relative;
    }
.is-sticky  #nowopen, .is-sticky  #nowopen2 {
    display: none;   
}

/* END NAVIGATION */

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {
	.container, nav .container {
        width: 440px;
    }
    #masthead .slick-slide {
        height: 400px;
    }
   #order-online__container { 
        margin: .4em auto .5em;
    }
    #order-online__container div {
        margin-left: -1.5em;
    }
  
.slick-prev {
    opacity: 1;
}
.slick-next {
    opacity: 1;
}
   
    #big-dill {
        background: url('../img/big-dill5-medium.png') no-repeat top left ;
        width: 440px;
        height: 274px;
    }
    #masthead div {
        /*height: 280px;*/
        
    }
    @-webkit-keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-medium-off.png') no-repeat top left ; opacity: 1;}

    98%   {background: url('../img/big-dill5-medium-off.png') no-repeat top left ; opacity: 1;}
    99%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
    /*100% {background: url('../img/big-dill5-medium-f2.png') no-repeat top left ; opacity: 1;}*/
}


@-moz-keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-medium-off.png') no-repeat top left ; opacity: 1;}

    98%   {background: url('../img/big-dill5-medium-off.png') no-repeat top left ; opacity: 1;}
    99%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
/*100% {background: url('../img/big-dill5-medium-f2.png') no-repeat top left ; opacity: 1;}*/}

/* Standard syntax */
@keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-medium-off.png') no-repeat top left ; opacity: 1;}
    98%   {background: url('../img/big-dill5-medium-off.png') no-repeat top left ; opacity: 1;}
    99%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
/*100% {background: url('../img/big-dill5-medium-f2.png') no-repeat top left ; opacity: 1;}*/}



@-webkit-keyframes big-dill-animate2 {

    0%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
    50% {background: url('../img/big-dill5-medium-f2.png') no-repeat top left ; opacity: 1;}
    100%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
}


@-moz-keyframes big-dill-animate2 {

    0%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
    50% {background: url('../img/big-dill5-medium-f2.png') no-repeat top left ; opacity: 1;}
    100%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
}


/* Standard syntax */
@keyframes big-dill-animate2 {
     0%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
    50% {background: url('../img/big-dill5-medium-f2.png') no-repeat top left ; opacity: 1;}
    100%   {background: url('../img/big-dill5-medium.png') no-repeat top left ; opacity: 1;}
}
    
    
    
    
	nav li {
        float: left;
    }
    nav li:nth-child(odd) {
        background: none; 
        text-shadow:
           -3px -3px 0 #768d3b,  
            3px -3px 0 #768d3b,
           -3px  3px 0 #768d3b,
            3px  3px 0 #768d3b;
    }
    nav  {
        font-size: 1.5em;
    }
    nav a {
        margin: 0 .1em 0 0;
        padding: .5em .4em;   
    }
    nav li:last-child > a {
        margin-right: 0;   
    }
    nav ul {
        padding-bottom: 1em;   
    }
    nav .social:nth-child(1) {
        margin-left: 1em;   
    }
    nav .social a,  .is-sticky nav .social a {
        padding: .3em 0;
        margin: 0 .6em 0 0;  
    }
    nav .social a {
        width: 24px
        height: 24px;    
    }
    .is-sticky #nav-btn {
        font-size: 1.1em;   
    }
    #nav-btn {
        padding: 14px 0 11px 0;
    }
    #nav-logo-sm {
        top: -10px;   
    }
    #menu-location li {
        float: left;   
    }
    #menu-list li {
     
        display: inline-block;      
        margin: .3em .3em;
    }
    #menu-spacer {
        margin: 2em 0 0em;
    }
    
    footer h3, #footer-nav a {
        margin-left: -5px;
        padding-left: 5px;
        margin-right: -5px;
    }
    #story-header, #open-header, #location-header {
        max-width: 100%;   
    }
    
    #shooter {
        width: 232px;
        height: 120px;
        top: 20px;right: -60px;
        background: url(../img/flamegun-link-medium.gif) no-repeat;
         -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
            -ms-transform: rotate(-40deg); /* IE 9 */
                transform: rotate(-40deg);
        
    }

    /* Chrome, Safari, Opera */
    @-webkit-keyframes shooter_animate {

        0%   {top: -120px;right: -250px;}
        15%  {top: -120px;right: -250px;}
        100% {top: 20px;right: -60px;}
    }

    /* Standard syntax */
    @keyframes shooter_animate {
        0%   {top: -120px;right: -250px;}
        15%  {top: -120px;right: -250px;}
        100% {top: 20px;right: -60px;}
    }
    #nowopen {
        display: none;
        float: right;
        max-width: 10%;
        height: auto;
        top: 65px;
        position: relative;
    }
     #nowopen2 {
        display: block;
        
        max-width: 30%;
        height: auto;
        margin:  -.4em 0 .2em .2em;
        position: relative;
    }
}

@media only screen and (min-width: 768px) {
	#masthead div {
        /*height: 400px;*/
        
    }
    section.orange a.menu-order-btn {
         position: absolute;
         right: 36px;
        margin-top: 3px;
        top: .3em; 
    }
    section.orange a.menu-order-btn + p {
        margin-top: 1em;
    }
     #masthead .slick-slide {
        height: 550px;
    }
    #order-online__container {
        float: right;
        margin: 1.5em auto .5em;
        clear: none;
        /*width: 182px;
        overflow: hidden;
        
        height: 65px;*/
    }
    .sbs__cell {
        height: 450px;
    }
    .sbs__table {
        display: table;
        width: 100%;
        table-layout: fixed;
        border: 0;
        padding: 0;
        margin: 0;
    }
    .sbs__row {
        display: table-row;
    }
    .sbs__cell {
       
        width: 50%;
        display: table-cell;
        padding: 0;
        margin: 0;
        position: relative;
    }
    #order-online__button,
    #order-online__button:hover,
    #order-online__button:focus,
    #order-online__button:active {
       position: absolute;
        right: 0;
   
       /* background-size: 300px 65px;
        width: 300px;
        height: 65px;*/
       

    }
   
    #shooter {
        width: 270px;
        height: 140px;
        top: 30px;right: -70px;
        background: url(../img/flamegun-link-large.gif) no-repeat;
         -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
            -ms-transform: rotate(-40deg); /* IE 9 */
                transform: rotate(-40deg);
        
    }

     
    
    /* Chrome, Safari, Opera */
    @-webkit-keyframes shooter_animate {

        0%   {top: -120px;right: -250px;}
        15%  {top: -120px;right: -250px;}
        100% {top: 30px;right: -70px;}
    }

    @-moz-keyframes shooter_animate {

        0%   {top: -120px;right: -250px;}
        15%  {top: -120px;right: -250px;}
        100% {top: 30px;right: -70px;}
    }
    
    /* Standard syntax */
    @keyframes shooter_animate {
        0%   {top: -120px;right: -250px;}
        15%  {top: -120px;right: -250px;}
        100% {top: 30px;right: -70px;}
    }
    
    /* GRID */
    .container, nav .container  {
        width: 720px;
    }
    .grid-half, .grid-third, .grid-two-thirds {
        float: left;
    }
    .grid-half {
        width: 48%;
        margin-right: 4%;
    }
    .grid-third {
        width: 30%;
        margin-right: 5%;
    }
    .grid-two-thirds {
        width: 63%;
        margin-right: 5%;
    }
    .last {
        margin-right: 0;   
    }
    .last-floater {
        float: right;
        margin-right: 0;  
    }
   
    /* END GRID */
    
    
    #story-header, #open-header, #location-header  {
        max-width: 80%;   
    }
    
    section.orange {
        background: url('../img/texture-orange-large.png') repeat #ae4b25; 
        
    }
    section.yellow {
        background: url('../img/texture-yellow-large.png') repeat #f2d283;    
    }
    section.green, footer.green, nav {
        background: url('../img/texture-green-large.png') repeat #768d3b; 
    } 
    #story, #open {
      
    }
	
    #big-dill {
        background: url('../img/big-dill5-large.png') no-repeat top left ;
        width: 720px;
        height: 296px;
        
    }
    
    
       @-webkit-keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-large-off.png') no-repeat top left ; opacity: 1;}

    98%   {background: url('../img/big-dill5-large-off.png') no-repeat top left ; opacity: 1;}
   99%   {background: url('../img/big-dill5-large.png') no-repeat top left ; opacity: 1;}
    /*100% {background: url('../img/big-dill5-large-f2.png') no-repeat top left ; opacity: 1;}*/
}


@-moz-keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-large-off.png') no-repeat top left ; opacity: 1;}

    98%   {background: url('../img/big-dill5-large-off.png') no-repeat top left ; opacity: 1;}
     99%   {background: url('../img/big-dill5-large.png') no-repeat top left ; opacity: 1;}
    /*100% {background: url('../img/big-dill5-large-f2.png') no-repeat top left ; opacity: 1;}*/
}

@keyframes big-dill-animate {

    0%   {background: url('../img/big-dill5-large-off.png') no-repeat top left ; opacity: 1;}
    98%   {background: url('../img/big-dill5-large-off.png') no-repeat top left ; opacity: 1;}
    99%   {background: url('../img/big-dill5-large.png') no-repeat top left ; opacity: 1;}
    /*100% {background: url('../img/big-dill5-large-f2.png') no-repeat top left ; opacity: 1;}*/
}



@-webkit-keyframes big-dill-animate2 {

    from   {background: url('../img/big-dill5-large.png') no-repeat top left ;}
    50% {background: url('../img/big-dill5-large-f2.png') no-repeat top left ; }
    95%   {background: url('../img/big-dill5-large.png') no-repeat top left ; }
    to {}
}


@-moz-keyframes big-dill-animate2 {

     from   {background: url('../img/big-dill5-large.png') no-repeat top left ;}
    50% {background: url('../img/big-dill5-large-f2.png') no-repeat top left ; }
    95%   {background: url('../img/big-dill5-large.png') no-repeat top left ; }
    to {}
}


@keyframes big-dill-animate2 {
     from   {background: url('../img/big-dill5-large.png') no-repeat top left ;}
    50% {background: url('../img/big-dill5-large-f2.png') no-repeat top left ; }
    95%   {background: url('../img/big-dill5-large.png') no-repeat top left ; }
    to {}
}
    
    
    
    
    
	nav {
        /*background: url('../img/back-nav-large.jpg') repeat 0 0;    */
        font-size: 1.6em;
    }
    
    
    nav ul {
        padding-bottom: 0;   
    }
       
    nav a {
        margin: 0 .5em 0 0;
        
    padding: .6em .4em;
    }
    #nav-logo {
        max-width: 65%;
        margin: -.6em 0 0 0;   
    }
    
    nav .social a,  .is-sticky nav .social a {
         padding: .9em 0 0;
        margin-right: .4em;
    }
    #menu-header {
        max-width: 50%;
        /*margin-right:0;
        margin-left: 0;*/
    }
    #location-header {
        max-width: 70%;   
        margin-left: auto;
        margin-right: auto;
    }
    #menu-location li {
        float: left;   
    }
    
    #menu-gh-btn, #menu-gr-btn {
        margin-left: 0;   
    }
    .menu-list-container ul {
        padding-bottom: 1em;
    }
    
    .menu-deli li:last-child {
        border: none;
    }
    #menu-spacer {
        margin: 2em 0 0em;
    }
    #menus p { 
       /* max-width: 80%;*/
    }
    #menu-list {
        text-align: center;
        font-size: 1.4em;
        margin-top: 1em;
    }
    #menu-list li {
        border-right: 2px solid #f2d283;  
        padding-right: .8em;
         margin: .4em .3em;
    }
    
 
   
    
    #menu-list li:last-child {
        border-right: none;  
        padding-right: 0;
    }
    
    #location iframe, #map {
        height: 300px;
    }
    #location-gr-hours {
        padding-bottom: .7em;
    }
    #location-gr h1 {
        padding-top: .5em;   
    }
    .location-container {
        font-size: .6em;   
    }
    
    #lcont2 {
        padding-top: 9.5em;
        font-size: .7em;
        text-align:left;
    }
    #location > div > div > p {
        font-size: 1em; 
        
    }
    footer form, #intouch-header {
        margin-left:20%; 
        margin-top: 0em;
    }
    #footer-contact { 
        text-align: right;
    }
    #to-top {
        margin-top: .9em;
        font-size: .8em;
    }
    #footer-nav a {
           padding: .2em 0 .2em 8px;
            font-size: 1.2em;
    }
    #footer-logo {
        display: inline-block;
    }
    #footer-spacer2 {
        height: 84px;   
    }
    #intouch-header {
        margin-top: 0em;
    }
    footer #captcha-container {
        width: auto;
        margin-left: 68%;
        float: none;
    }
    footer #captcha-container label { 

        display: block;
        padding: .5em 2px 14px 2px;
        height: 2em;
        margin: 1em 0 .2em;
    }
    .is-sticky nav {
        max-height: 90em;
        min-height: 0;
    }
    
    .is-sticky #nav-list, nav.stay_sticky #nav-list {
        opacity: 1;
        left: 220px;
        display: block;
    }
    .is-sticky #nav-logo-sm {
       /* margin-left: -2000px;  */
        top: -11px;
    }
    .is-sticky #nav-btn  {
        margin-right: -2000px;
    }
    .is-sticky #nav-list, .is-sticky nav.on #nav-list {
        clear: none;
        padding-top: 0;
    }
    
    .is-sticky a {
        cursor: pointer;
    }
    #menu-nutrition2 {
        position:absolute;
        top: 3.5em;
        right: .5em;
    }
     #story p, #menus p, #comingsoon p , #open p {
       
        text-align: center;
      
    }
    #nowopen {
        display: block;
        float: right;
        max-width: 18%;
        height: auto;
        top: 65px;
        position: relative;
    }
    #nowopen2 {
        display: none;
    }
}


@media only screen and (min-width: 1140px) {
    #masthead div {
        /*height: 500px;*/
        
    }
    #masthead .slick-slide .slide-content img {
     
    max-height: 650px;
 
}
    #masthead .slick-slide {
        height: 650px;
    }
    #order-online__container {
        float: right;
        margin: 0;
        padding: 0;
        margin-top: 1.4em;
        clear: none;
    }
    .sbs__cell {
        height: 500px;
    }
    #order-online__button,
    #order-online__button:hover,
    #order-online__button:focus,
    #order-online__button:active {
       
       
       
        background-size: 350px 76px;
        width: 350px;
        height: 76px;
       

    }
    
    #nowopen {
        display: block;
        float: right;
               max-width: 200px;
    height: auto;
    top: 60px;
        position: relative;
    }
    #shooter {
        width: 328px;
        height: 170px;
        top: 80px;right: -90px;
        background: url(../img/flamegun-link-xl.gif) no-repeat;
         -webkit-transform: rotate(-35deg); /* Chrome, Safari, Opera */
            -ms-transform: rotate(-35deg); /* IE 9 */
                transform: rotate(-35deg);
        
    }
    #shooter:hover {
         -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
            -ms-transform: rotate(-20deg); /* IE 9 */
                transform: rotate(-20deg);
    }

    /* Chrome, Safari, Opera */
    @-webkit-keyframes shooter_animate {

        0%   {top: 00px;right: -400px;}
        15%  {top: 00px;right: -400px;}
        80% {top: 80px;right: -90px;}
    }
    
    @-moz-keyframes shooter_animate {

        0%   {top: 00px;right: -400px;}
        15%  {top: 00px;right: -400px;}
        80% {top: 80px;right: -90px;}
    }

    /* Standard syntax */
    @keyframes shooter_animate {
         0%   {top: 00px;right: -400px;}
        15%  {top: 00px;right: -400px;}
        80% {top: 80px;right: -90px;}
    }
    
    
    #big-dill {
        background: url('../img/big-dill5-xl.png') no-repeat top left ;
        width: 1080px;
        height: 444px;
    
        
    }
    
     @-webkit-keyframes big-dill-animate {

        0%   {background: url('../img/big-dill5-xl-off.png') no-repeat top left ; opacity: 1;}
       
        98%   {background: url('../img/big-dill5-xl-off.png') no-repeat top left ; opacity: 1;}
        99%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
       /* 100% {background: url('../img/big-dill5-xl-f2.png') no-repeat top left ; opacity: 1;}*/
    }

    
    @-moz-keyframes big-dill-animate {

        0%   {background: url('../img/big-dill5-xl-off.png') no-repeat top left ; opacity: 1;}
       
        98%   {background: url('../img/big-dill5-xl-off.png') no-repeat top left ; opacity: 1;}
        99%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
 /* 100% {background: url('../img/big-dill5-xl-f2.png') no-repeat top left ; opacity: 1;}*/    }
    
    /* Standard syntax */
    @keyframes big-dill-animate {

        0%   {background: url('../img/big-dill5-xl-off.png') no-repeat top left ; opacity: 1;}
        98%   {background: url('../img/big-dill5-xl-off.png') no-repeat top left ; opacity: 1;}
        99%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
 /* 100% {background: url('../img/big-dill5-xl-f2.png') no-repeat top left ; opacity: 1;}*/    }
    
    
    
    @-webkit-keyframes big-dill-animate2 {

        0%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
        50% {background: url('../img/big-dill5-xl-f2.png') no-repeat top left ; opacity: 1;}
        100%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
    }

    
    @-moz-keyframes big-dill-animate2 {

        0%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
        50% {background: url('../img/big-dill5-xl-f2.png') no-repeat top left ; opacity: 1;}
        100%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
    }
    
    
    /* Standard syntax */
    @keyframes big-dill-animate2 {
         0%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
        50% {background: url('../img/big-dill5-xl-f2.png') no-repeat top left ; opacity: 1;}
        100%   {background: url('../img/big-dill5-xl.png') no-repeat top left ; opacity: 1;}
    }
    
    
	 #story p, #menus p, #comingsoon p , #open p {
        font-size: 1.1em;   
        line-height: 1.3em;
        margin-left: 7em;
        margin-right: 7em;
    }
    
    
    
    
    .container, nav .container  {
        width: 1080px;
    }
    
    section.orange {
        background: url('../img/texture-orange-xl.png') repeat #ae4b25;
     
    }
    section.yellow {
        background: url('../img/texture-yellow-xl.png') repeat #f2d283;    
    }
    section.green, footer.green, nav {
        background: url('../img/texture-green-xl.png') repeat #768d3b; 
    } 
    
	nav {
        /*background: url('../img/back-nav-xl.jpg') repeat 0 0;     */
        font-size: 1.8em;
    }
    nav a {
        margin: 0 .8em 0 0;
        padding: .7em .4em;   
    }
    nav .social a {
        width: 27px;
        height: 27px;    
        padding: .8em 0 0;
    }
    #menu-nutrition2 {
        top: 4.2em;
    }
    #to-top {
        font-size: 1em;
    }
    #menu-spacer {
        margin: 2em 0 0em;
    }
    #menu-list {
        font-size: 1.7em;   
    }
    #location iframe, #map {
        height: 400px;
    }
    #lcont2 {
        padding-top: 8.5em;
        font-size: 1em;
        text-align:left;
    }
    
    .location-container {
        font-size: .8em;   
    }
    #location > div > div > p {
        font-size: 1.1em;  
    }
}


@media only screen and (min-width: 1560px) {
    
    #shooter {
        width: 328px;
        height: 170px;
        top: 220px;right: -70px;
        background: url(../img/flamegun-link-xl.gif) no-repeat;
         -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
            -ms-transform: rotate(-15deg); /* IE 9 */
                transform: rotate(-15deg);
        
    }

    #shooter:hover {
         -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
            -ms-transform: rotate(-5deg); /* IE 9 */
                transform: rotate(-5deg);
    }
    /* Chrome, Safari, Opera */
    @-webkit-keyframes shooter_animate {

        0%   {top: 180px;right: -450px;}
        15%  {top: 180px;right: -450px;}
        100% { top: 220px;right: -70px;}
    }

    /* Standard syntax */
    @keyframes shooter_animate {
        0%   {top: 180px;right: -450px;}
        15%  {top: 180px;right: -450px;}
        100% { top: 220px;right: -70px;}
    }
}



html.lt-ie9 nav {
    font-size: .8em;   
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
   nav, #masthead, #menu-nutrition2, #menu-gr-btn, #menu-gh-btn, .button, footer, iframe, .section-hidden, #pickle-gallery { display: none; }
    .section-hidden.open { display: block; }
    body, section.green .container, section.photo .container, section.orange .container, section.yellow .container, footer, #menus, #location .container, section .container, p, h1, h2, h3, h4, h5, .button, section .container, h1.center, .center, h2.center, h3.center, p.center, #menus .container, body, html, section.slide p, #menus .container p { color: black; text-align: left; }
    body, html { font-size: 14px; line-height: 1.5em; }
    section .container {
     width: 90%;   
    }
    .grid-half {
        float: left;
        width: 48%;
        margin-right: 4%;
    }
    
    .grid-third {
        width: 30%;
        margin-right: 5%;
        float: left;
    }
    .last {
        margin-right: 0;   
    }
    section { page-break-after: always; }
    #logo-for-print { display: block; }
    .location-container {
        padding: 0; margin: 0;   
    }
}