.green{color:#40ae49}
*{margin:0;padding:0;border:0}
#mobile-menu-view {display: none;background-color:white;opacity:0.95;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:1000;}
#close {width:100%;text-align:right;border-bottom:thin solid black;cursor:pointer;}
#close img{max-width:14%}
#mobile-menu-view ul {clear:both;}
#mobile-menu-view li {width:100%;text-align:center;padding-top:25px;padding-bottom:25px;list-style-type:none;border-bottom:solid thin black;font-size:1.5em;}
.mobile-logo {width:23%;margin-left:2%;display:none;margin-top:10px;float:left;}
.mobile-logo img {max-width:100px;}
#mobile-menu{display:none}

#policy-header{position:fixed;top:0px;margin:auto;z-index:100000;width:100%;background-color:white;height:150px;border-bottom:thin solid #40ae49}
#policy-text{margin-top:151px;margin-left:15%;width:70%;padding-bottom:50px}
#policy-text p{margin-left:0;width:100%}
#policy{cusrsor:pointer}
#policy-text ul{margin-bottom:5px;margin-top:5px}

body {font-family:'Palanquin';letter-spacing:1px}
a img{border: none}
a{text-decoration:none;color:#40ae49}
.back-to-top{position:fixed;bottom:10px;right:10px;z-index:100000000;cursor:pointer;display:none}
.back-to-top img{max-width:50px}
#header {position:fixed;top:0px;margin:auto;z-index:100000;width:100%;background-color:white;height:200px;border-bottom:thin solid #40ae49}
.logo {height:125px;width:100%;text-align:center;padding-top:25px}
.logo img {max-height:100px}
#strap{font-family:'Rokkitt',serif;font-weight:300}
#nav{font-family:'Rokkitt',serif;float:none;clear:both;width:80%;margin-left:10%;height:50px;border-top:thin solid #40ae49;clear:both;line-height:50px}
#nav li{float:left;list-style-type:none;color:black;width:20%;text-align:center;cursor:pointer;font-size:1.5em}
.active{color:red}

.content{width:100%;margin-top:201px;background-color:white;overflow:auto;float:none;clear:both;margin-bottom:100px}

.section-headers{clear:both;float:none;width:80%;margin-left:10%;height:100px;background-color:#40ae49}
h1{text-align:center;color:white;font-size:2em;line-height:100px}
.content-sections{text-align:center}

.head-image{width:80%;margin-left:10%;height:auto;overflow:hidden;margin-top:0px}
.head-image img{max-width:100%}

.gallery-caption{width:80%;margin-left:10%;font-size:1em}
.gallery-image{width:80%;margin-left:10%;margin-bottom:15px}
.gallery-image img{max-width:100%}

.sub-image{width:80%;margin-left:10%;height:250px;overflow:hidden;margin-top:0px}
.sub-image img{max-width:100%}

main{clear:both;margin-left:10%;width:80%;text-align:center;font-size:1.5em;font-style:italic;color:#58595b;line-height:50px;padding:50px 0px 50px 0px}
.border-left{border-left:thin solid #40ae49}
.border-right{border-right:thin solid #40ae49}
p{width:80%;margin-left:10%}

.menu-list{width:60%;margin-left:20%;list-style-type:none}
.menu-list li{font-family:'Rokkitt',serif;font-size:2em;font-weight:200;padding-top:40px;padding-bottom:40px;width:100%;margin-bottom:50px;background-color:#333;color:white;border-radius:5px;cursor:pointer}
#xmas{background-color:#C00}
#bbq{background-color:#F90}
#ordering{background-color:#0ea443;padding:20px 0px 20px 0px;margin-bottom:0px}
#news{padding-bottom:15px}
#news p{font-size:1.5em}

footer{color:#FFF;width:100%;opacity:.9;background-color:black;overflow:auto;padding-bottom:150px;clear:both;}
footer p{margin-bottom:25px;font-size:1.5em;text-align:center}
#formwrap{width:70%;margin-left:15%}
.form-labels{margin-left:10%;color:#40ae49}
.form-item{float:none;clear:both;margin-bottom:25px}
input, textarea{width:79%;margin-left:10%;padding-top:10px;padding-bottom:10px;font-size:1em;border-radius:5px;padding-left:1%}
textarea{height:250px;font-size:1.25em;line-height:2em}
button{margin-left:10%;width:80%;line-height:50px;background-color:#40ae49;color:white;font-size:1.25em;border-radius:5px;cursor:pointer}
.hours{float:none;clear:both;text-align:center;width:100%;padding:50px 0px 50px 0px;line-height:30px;font-size:1.25em;color:#939598;}
.contacts{clear:both;text-align:center;font-size:1.5em;color:#939598;border-top:thin solid #414042;padding-top:20px;padding-bottom:20px;}

@media only screen and (max-width: 1000px) {
body {letter-spacing:0px}
#policy-header{height:100px}
#policy-text{margin-left:5%;width:90%;margin-top:101px}
#policy-text li{margin-left:15px}


#header {height:150px}
.logo {height:75px;width:100%;text-align:center;padding-top:25px}
.logo img {max-height:50px}
#nav{width:100%;margin-left:0%;height:50px;line-height:50px}
#nav li{font-size:1em}

.content{margin-top:151px;margin-bottom:50px}

.section-headers{width:100%;margin-left:0%;height:75px}
h1{font-size:1.5em;line-height:75px}

/*
.head-image{width:100%;margin-left:0%;height:350px;overflow:hidden;margin-top:0px}
.head-image img{max-height:100%;max-width:1200px}
*/

.head-image{width:100%;margin-left:0%;height:auto;overflow:auto;margin-top:0px}
.head-image img{max-width:100%}

.sub-image{width:100%;margin-left:0%;height:auto;overflow:auto;margin-top:0px}
.sub-image img{max-width:100%}

main{margin-left:1%;width:98%;font-size:1em;line-height:25px;padding:25px 0px 25px 0px}
.border-left{border-left:none}
.border-right{border-right:none}
p{width:98%;margin-left:1%}

#menu-list{width:80%;margin-left:10%}

.gallery-caption{width:100%;margin-left:0%}
.gallery-image{width:100%;margin-left:0%}

#formwrap{width:95%;margin-left:2.5%}
.form-labels{margin-left:5%}
input, textarea{width:89%;margin-left:5%;padding-top:10px;padding-bottom:10px;font-size:1em;border-radius:5px;padding-left:1%}
textarea{height:150px}
button{margin-left:5%;width:90%}
.parsley-errors-list{margin-left:0%}
}