@import url('slicknav.css');
@import url('https://fonts.googleapis.com/css?family=Merriweather|Muli');
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; -webkit-font-smoothing: antialiased;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* Reset CSS */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
body{-webkit-font-smoothing: antialiased; font-family: 'Muli', sans-serif;}

.constrain{width:100%; padding:0 20px; margin:0 auto; max-width:1155px;}
h1#logo{margin:0; padding:0; float:left; display:table-cell; vertical-align:bottom;}
h1#logo img{vertical-align:bottom; border:none;}
#head{position:fixed; top:0; left:0; width:100%; height:60px; padding:0; margin:0; background:#9e0b0f; z-index:99; -webkit-box-shadow: 0 3px 15px 0 #000000; box-shadow: 0 3px 15px 0 #000000;}
#head ul{float:right; display:inline; padding-top:20px;}
#head ul li{display:inline-block; padding:0 6px 0 8px; border-left:2px solid #fff;}
#head ul li.first{border-left:none;}
#head ul li a{color:#000; position: relative;display: inline-block; font-size:16px;text-decoration: none;font-weight: 300;zoom: 1; padding-bottom:5px; text-transform:uppercase; }
#head ul li a:hover{border-bottom:2px solid #fff;}
#head ul.clear{margin-top:-20px; margin-left:40px;}
#head ul li.clear, #head ul li.clear a:hover, #head ul li.clear a{float:none; display:block; padding:0; margin:0; border:none;}

h1 {font-weight: 700; font-size: 26px; margin: 0 0 20px; color: #363636; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding-top: 10px; }
h1 span {font-size: 14px; text-transform:none; letter-spacing:0; line-height: 23px; text-align:center; font-style:italic;}
h1, h2, h3 {font-family: 'Merriweather', serif;}
h2 {font-weight: normal; text-transform: Capitalize; font-size: 18px; margin: 0 0 23px 0;}
p {font-size: 16px; line-height: 23px; margin: 0 0 23px 0;}
p strong{font-weight:700;}
p a{color:inherit;}


#home{padding:20px; height:auto; margin:60px auto 0; position:relative; text-align:center; display:table-cell; vertical-align:middle;}
#home img{margin:20px auto; padding:none;}
#home h2{color:#fff; margin:-10px auto 20px auto; padding:10px 0; font-size:1.3em;}
#home h2 span {padding:10px; background: #9e0b0f; margin:0 auto; line-height:2em; -webkit-border-radius: 10px; border-radius: 10px; width: 585px; text-transform:uppercase}
#home img.social{margin:-10px 10px 5px}

#about{width:100%; position:relative; padding:50px 0; background: rgba(255, 255, 255, .9); }



#menu-nav{width: 100%;box-shadow: #ccc 5px 1px 3px;margin: 0;padding: 0;height: 45px;position: relative;clear: both;}


	
#footer{width:100%; background:url(/images/wood.jpg); padding:60px; color:white; clear:both;}
#footer2{width:90%; margin:0 auto; max-width:1155px;}
#footer h1{text-transform:capitalize; text-align:left; font-size:60px; color:#fff; letter-spacing:0px; margin:0 auto 25px;}
#footer span{float:right; padding-top:4px;}
#footer span img{margin-left:5px;}
#footer p {width:100%; border-top:1px solid #fff;}

.logo {background:none}

.third {width: 29.33%; margin: 2%; float:left; text-align:center}
.third p {margin:0; padding:0}
.third p::first-letter {font-size: 150%;}
.third a {background:#81785e; color:#fff; padding:30px 0; display:block; margin-bottom:10px; text-decoration:none; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; 
	-ms-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s easen; -webkit-transition: background 0.5s ease-in-out;  	-moz-transition: background 0.5s ease-in-out; 	-ms-transition: background 0.5s ease-in-out; 	-o-transition: background 0.5s ease-in-out; 
	transition: background 0.5s easen; }
.third a:hover {background: #666; -webkit-transition: color 0.5s ease-in-out; 	-moz-transition: color 0.5s ease-in-out; 	-ms-transition: color 0.5s ease-in-out; 	-o-transition: color 0.5s ease-in-out; 	transition: color 0.5s easen;	-webkit-transition: background 0.5s ease-in-out; 	-moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s easen; }


#subloc {background: #edebd6; overflow:auto}
#subloc h3 {text-align:center; color:#81785e; font-size:20px; margin-top:20px}
.sublocation3 {width: 29.33%; margin: 2%; float:left; text-align:center}
.sublocation3 p {margin:0; padding:0}
.sublocation3 a {background:#81785e; color:#fff; padding:16px 0; display:block; text-decoration:none; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s easen; -webkit-transition: background 0.5s ease-in-out;  	-moz-transition: background 0.5s ease-in-out; 	-ms-transition: background 0.5s ease-in-out; 	-o-transition: background 0.5s ease-in-out; transition: background 0.5s easen; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.sublocation3 a:hover {background: #666; -webkit-transition: color 0.5s ease-in-out; 	-moz-transition: color 0.5s ease-in-out; 	-ms-transition: color 0.5s ease-in-out; 	-o-transition: color 0.5s ease-in-out; 	transition: color 0.5s easen;	-webkit-transition: background 0.5s ease-in-out; 	-moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s easen; }


.restaurantrow {display:block; padding: 10px; width: 100%; max-width: 850px; margin:auto}
.restaurantitem {width: 200px; margin-right:10px; background:#c1b899; float:left; text-align:center; padding-bottom: 5px}
.restaurantitem:last-child {margin-right:0}
.restaurantitem img {margin-top:2px; height:auto; padding-bottom: 5px}
.restaurantitem p {color:#fff; line-height:1.2em; margin-bottom:0}

a.smalllogo {display:inline-block; margin-left:10px}


.flexbox { display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  clear:both}
.flexbox .col {  flex: 1;  padding:10px; margin:10px}
.flexbox .col:nth-child(1) {  background: #ccc;  order: 0;}
.flexbox .col:nth-child(2) {  background: #eee;  order: 1;}
.flexbox .col:nth-child(3) {  background: #eee;  order: 2;}
.flexbox .col:nth-child(4) {  background: #eee;  order: 3;}
.flexbox img {width:100%; height:auto}

	@media screen and (max-width: 40em) {

		div.logo{padding:0.7em 0;}
}

	@media screen and (max-width: 600px) {

#footer h1{text-transform:capitalize; text-align:left; font-size:40px; color:#fff; letter-spacing:0px; margin:0 auto 25px;line-height:50px}
#footertop span {margin-top: 35px!important; }
.third {width: 46%; /* fallback if needed */ width: calc(50% - 10px); margin:0 5px}
.constrain {padding: 0}
.sublocation3 {width: 96%; margin: 2%}
}



	@media screen and (max-width: 350px) {
.third {width: 96%; margin:0 2%}


}
	@media screen and (max-width: 700px) {
.flexbox {display:block}
.flexbox .col {width: 90%; /* fallback if needed */  width: calc(100% - 20px);}
}


		
div.logo{text-align:center; width:100%; z-index:999; position:relative; margin:20px auto}
img.logo{width:90%; max-width:500px; height:auto; margin:50px 5% ; padding:0; z-index:999;}
	
	
#topbar {width:100%; height:51px; padding:10px 0; position:fixed; top:0; left:0; }
#topbar, .slicknav_menu{z-index:1000; background:#ecead5; background-color: rgba(233, 231, 204, .85); background: rgba(233, 231, 204, .85);}
ul#menunav {height:16px; list-style-type: none; margin:0 auto; text-align: right;	padding:9px 0; display:inline-block; float:right}
ul#menunav li {font-size: 16px; display:inline-block; }
ul#menunav li a {display: inline;  margin: 3px; padding:10px 7px;  transition: background-color 0.3s ease-in-out 0s; }
ul#menunav li a, .slicknav_nav a{color: #000; font-size: 16px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;}
.slicknav_nav a {text-align:center}
ul#menunav li a:hover, .slicknav_nav a:hover {background: #D8D8D0; color: #460705;}
		
.slicknav_menu{display:none; position:fixed; width:100%; top:0; left:0;}
		
@media screen and (max-width: 40em) {
		.js #menu {width: 100%}
		.js .slicknav_menu{display:block; position:fixed; width:100%; top:0; left:0;}
}
		
.google-maps {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

p.menuoption {background:#fff; padding-top: 20px; text-align:center}