@media all and (max-width:500px) {

body {
background-color:#000;
background-image:url(../img/westbrook-beach-rev2.jpg);
background-attachment:fixed;
width:100%;
height:100vh;
overflow-x:hidden;
padding:0; 
margin:0;
}

#content {
width:100vw;
height:100vh;
position:fixed;
bottom:0;
left:0;
z-index:9999;
border:1px solid transparent;

}

#topbar {
width:99.5%;
position:absolute;
top:0;
left:0;
border:1px solid transparent;
}

#logo {
width:25vh;
}


#topbar #nav, #topbar #nav-inside {
display:none;
}

#topbar ul#mobile-navigation {
display:block;
}

#topbar ul#mobile-navigation li {
float:none;
text-align:right;
padding-top:2vh;
padding-right:6vw;
}


#topbar ul#nav-inside {
display:none;
position:absolute;
width:100vw;
top:0;
left:0;
border:2px solid red;
}

#topbar ul#nav-inside li {
font-family:Georgia;
font-size:1em;
float:left;

/* float:none;
font-family:Georgia;
text-align:right;
margin:1% 0 0 7%;
font-size:1.5em;
font-weight:600;
list-style-type: none;
text-align:right;
padding-right:3vh;
padding-bottom:15px; */

}

li {
float:none;
}

#logo {
width:55%;
position:absolute;
left:6%;
top:2vh;
z-index:9999;
}

#phone {
font-size:1.4em;
}

#vid3 {
width:100% !important;
height:auto !important;
pointer-events: none;
border:2px solid grey;
position:absolute;
top:0;
left:-19vw;
}

#pic3m {
display:block;
width:98% !important;
height:auto !important;
pointer-events: none;
position:absolute;
top:5vh;
left:-19vw;
}




#vid1, #vid2, #pic1, #pic2 {
display:none;
}


#truck {
z-index:9999;
width:60%;
    position: absolute;
    left: 43%;
bottom:15.5vh;
    //margin: 7em -244px;
margin-left:-150px;
    animation: slide 4s 1;
}
@keyframes slide {
    from { left: -90%; }
    to { left: 43%; }
}

#topbar {
height:181px;
text-align:center;
}

#address  {
display:none;
}


#address-mobile {
display:block;
font-size:1.25em;
color:#feebd3;
text-align:center;
background-image:url(../bg/red-wood.jpg);
width:100vw;
padding-top:3vh;
padding-bottom:2vh;
}

#address-mobile-home {
display:block;
font-size:1.35em;
color:#feebd3;
text-align:center;
background-image:url(../bg/red-wood.jpg);
width:100vw;
padding-top:3vh;
padding-bottom:2vh;
position:absolute;
bottom:0;
left:0;
}



#bbq-menu {
  background:url(../bg/pulled-pork-m.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#bbq-menu-content, #grill-menu-content {
margin:45% 5% 0 5%;
padding-top:2%;
padding-left:2vw;
padding-bottom:9vh;
}

#bbq-menu-content h2, #grill-menu-content h2 {
font-size:1.6em;
}

#bbq-menu-content h3, #grill-menu-content h3 {
font-size:1.1em;
}

#bbq-menu p {
font-size:1.25em;
}

#lobster-menu {
  background:url(../bg/lobster-roll-m.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lobster-menu-content-m {
display:block;
width:100vw;
}

#lobster-menu-content-m h2 {
font-size:1.6em;
}

#sides-left, #sides-right {
display:none;
}

#sides-left p {
float:left;
margin-right:20px;
font-size:1em;
}

#sides-right  p {
margin-left:50px;
font-size:1em;
}

#sides-left-m, #sides-right-m {
display:block;
width:50vw;
float:left;
font-size:1.0em;
letter-spacing: -1px;
margin:0;
}


#lobster-menu-content {
display:none;
margin:0 5% 0 5%;
padding-top:0;
padding-left:2vw;
padding-bottom:26vh;
}

#lobster-menu-content-m p {
font-size:1.20em;
width:80vw;
}

#lobster-menu-content h2 {
font-size:1.5em;
}

#lobster-menu-content h3 {
font-size:1.1em;
}

#lobster menu p {
//font-size:1.25em;
}


#footer {
display:none;
}

#footer-m {
display:block;
background-image:url(../bg/red-wood.jpg);
margin-top:-5vh;
padding:1vh 5vw 3vh 5vw;
}

#footer-m p {
text-align:center;
color:#fff;
font-size:1.3em;
}

#grill-menu {
border:5px solid transparent;
padding-top:0;
}

#grill-menu-content {
display:none;
}

#grill-menu-content-m {
display:block;
padding-left:5vh;
padding-right:5vh;
}

#grill-menu-content-m h2 {
font-size:1.75em;
}

#grill-menu-content-m h3 {
font-size:1.4em;
padding-bottom:0;
}

#grill-menu-content-m p {
font-size:1.2em;
}

#toppings {
display:none;
}

#toppings-m {
display:block;
}

.catering-text {
display:none;
}


#mobile-catering-text {
display:block;
margin-top:30vh;
padding:0 8vw 2vh 8vw;
}

#mobile-catering-text p {
font-size:1.25em;
}

#mobile-catering-text h2 {
font-size:2em;
}

#mobile-catering-text h3 {
font-size:1.75em;
padding-bottom:1vh;
}

#catering-menu-mobile p {
margin:0;
padding:0;
}