/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body, input, textarea {
	font: 18px/1.3em 'Lato', Arial, sans-serif;
	font-weight: 300; 
}

body, #wrap { width: 100%; }

body {
	color: #000;
	font-weight: 300;
	background-color: #F2F2F2;
}

::selection { color: #FFF; background-color: rgba(0, 0, 0, 0.35); }
::-moz-selection { color: #FFF; background-color: rgba(0, 0, 0, 0.35); }
::-webkit-selection { color: #FFF; background-color: rgba(0, 0, 0, 0.35); }
::-o-selection { color: #FFF; background-color: rgba(0, 0, 0, 0.35); }

h1, h2, h3, .button, #nav, #home h1 { font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; line-height: 1.3em; }
h1 { font-size: 68px; margin-bottom: 40px; text-align: center; color: #27A; }
h2 { font-size: 34px; }
h3 { font-size: 25px; color: #CB9; margin-bottom: 5px; }
h4 { font-size: 19px; }

h1, h2, h3, h4, p { margin-top: 0; }

em, i { font-style: italic; }
strong, b { font-weight: 700; }

a, a:visited {
	color: #27A;
	text-decoration: none;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}

a img {
	border-bottom: 3px solid #27A;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
a img:hover { border-color: #CB9; }

p { margin-bottom: 1.35em; }

a:hover { color: #CB9; }

img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

.hidden { display: none; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.clear { clear: both; }

.button {
	background: #CB9 url(images/paper.jpg) right top repeat;
	color: #FFF !important;
	height: 23px;
	padding: 10px 15px;
	text-align: center;
	cursor: pointer;
	border: none;
	display: inline-block;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}

.button:hover {
	background: none;
	background-color: #27A;
}

.container { width: 1300px; margin: auto; }

/* HEADER */

#header {
	background-color: #FFF;
	height: 80px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}

#header .container {
	padding: 15px 0;
}

#logo {
	display: block;
	width: 138px;
	height: 50px;
	background: transparent url(images/logo.gif) left top no-repeat;
	background-size: cover;
	text-indent: -9999px;
	float: left;
}

#logo:hover { background-position: left bottom; }

#facebook {
	width: 134px;
	height: 32px;
	float: right;
	padding-top: 9px;
}

#facebook .icon {
	display: block;
	width: 32px;
	height: 32px;
	background: transparent url(images/facebook.png) left top no-repeat;
	background-size: cover;
	text-indent: -9999px;
	float: right;
}

#facebook .icon:hover { background-position: left bottom; }

.fb-like {
	float: left;
	padding-top: 6px;
}

#nav {
	text-align: center;
}

#nav a {
	display: inline-block;
	padding: 15px;
	font-size: 18px;
	line-height: 25px;
	color: #27A;
}
	#nav a:hover { color: #CB9; }

#header.mini { height: 50px; }

#header.mini #logo {
	height: 23px;
	background-image: url(images/logo2.gif);
}

#header.mini #nav a {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -7px;
}

#header.mini #facebook {
	padding-top: 0;
	margin-top: -6px;
}


/* ALL SECTIONS */

.section { padding: 100px 0; }

.section, .section .container {
	clear: both;
	overflow: hidden;
}

.imgwrap {
	display: block;
	width: 100%;
	height: 100%;
	background: #DDD url(images/loading.gif) center center no-repeat;
	line-height: 0;
}

.split { height: 40px; }
.split.paper { background: #CB9 url(images/paper.jpg) center center repeat; }
.split.black { background: #000; }
.split.blue { background: #27A; }


	
/* HOME */

#home {
	background: #27A url(images/home-chairs.jpg) left top repeat fixed !imporant;
	background-size: cover;
	padding-top: 160px;
	position: relative;
	text-align: center;
	color: #FFF;
	background-color: #27A !imporant;
}

#home h1 { color: #CB9; margin-bottom: 20px; font-size: 46px; }
#home p {
	font-size: 40px;
	line-height: 1.3em;
}

#foodsites img {
	display: inline-block;
	margin: 0 10px;
	border: none;
}

#icesaws {
	width: 300px;
	height: 113px;
	background: transparent url(images/icesaws.png) center center no-repeat;
	background-size: cover;
	margin: -55px auto;
	position: relative;
	z-index: 10;
}

/* CHEFS */

#chefs .imgwrap { border-radius: 100%; }

.chef {
	width: 30%;
	margin-right: 5%;
	text-align: center;
	float: left;
}
	.chef:nth-child(3n+0) { margin-right: 0; }

.chef img {
	border-radius: 100%;
	margin-bottom: 20px;
	filter: gray;
    -webkit-filter: grayscale(100%);
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
	.chef img:hover { filter: none; -webkit-filter: grayscale(0%); }

.chef .imgwrap {
	width: 200px;
	height: 200px;
	margin: auto;
	margin-bottom: 20px;
}

	
/* MENUS */

#menus {
	background: #CCC url(images/menus.jpg) center center repeat fixed;
	background-size: cover;
}

#menus .button {
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 10px 0;
}
	#menus .button:nth-child(4n) { margin-right: 0; }
	
	
/* GALLERY */

.galleryimg {
	width: 12.5%;
	margin-right: 5%;
	float: left;
	margin-bottom: 5%;
}
.galleryimg:nth-child(1n+0) { margin-right: 5%; clear: none;  }
.galleryimg:nth-child(6n+0) { margin-right: 0; }
.galleryimg:nth-child(6n+1) { clear: both; }

.galleryimg img { width: 100%; height: auto; }

.overlay{
    width: 0px;
    height: 0px;
    position: fixed;
    overflow: hidden;
    left: 0px;
    top: 0px;
    padding: 0px;
    z-index: 1000;
    background: rgba(0,102,170,0.9);
}

.overlay .container {
	overflow: hidden;
	position: relative;
	padding-top: 50px;
}

.overlay .info{
	width: 30%;
	float: right;
}

.overlay .info p { color: #FFF !important; }

.button.project-prev,
.button.project-next,
.button.project-close
{
	z-index: 1001;
	opacity: 0;
	width: 170px;
	font-size: 30px;
	float: left;
}	

.overlay a.project-close,
.overlay a.project-prev,
.overlay a.project-next
{
	width: 30px;
	height: 30px;
	float: left;
}

.overlay a.project-prev,
.overlay a.project-next
{
	margin-right: 10px;
}

.overlay img{
	position: relative;
	opacity: 0;
	transition: opacity 0.5s linear;
	width: 100%;
	height: auto;
	border: none;
	float: left;
}

.overlay:target {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
}

.overlay:target img,
.overlay:target .button {
    opacity: 1;
}

.overlay .buttons {
	position: absolute;
	top: 0;
	right: 0;
}



/* PATIO */

#patio {
	background: #CCC url(images/patio.jpg) center center repeat fixed;
	background-size: cover;
	
	text-align: center;
}



/* HOURS */

#hours {
	background: #CCC url(images/hours.jpg) center center repeat fixed;
	background-size: cover;

	text-align: center;
}

.hours {
	width: 21.25%;
	margin-right: 5%;
	float: left;
}
	.hours:nth-child(4n+0) { margin-right: 0; }




/* CATERING */

#catering {
	text-align: center;
}




/* LOCATION */

#location {
	margin-top: -50px;
	padding: 0;
	padding-top: 50px;
	text-align: center;
}

#location h1 { margin-bottom: 0; padding-top: 5px; }

#location .over {
	position: relative;
	z-index: 50;
	height: 95px;
	background-color: rgba(255,255,255,0.5);
	padding: 5px 0;
	margin-bottom: -105px;
}

#map {
	width: 100%;
	height: 650px;
}



/* FOOTER */

#footer {
	text-align: center;
	padding-top: 10px;
}


/* RESPONSIVE */

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

	.container { width: 1200px; }
	
}

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

	.container { width: 1100px; }
	
}

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

	.container { width: 940px; }
	
	h1 { font-size: 64px; }
	#home p, h2 { font-size: 32px; }
	h3 { font-size: 24px; }
	
	.galleryimg {
		width: 21.25%;
	}
	.galleryimg:nth-child(1n+0) { margin-right: 5%; clear: none;  }
	.galleryimg:nth-child(4n+0) { margin-right: 0; }
	.galleryimg:nth-child(4n+1) { clear: both; }
	
}

@media only screen and (max-width: 1100px) {
	
	.container { width: 850px; }
	
	h1 { font-size: 55px; }
	#home p, h2 { font-size: 28px; }
	h3 { font-size: 22px; }
	
	#nav a { padding: 15px 10px; font-size: 16px; }
	
}

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

	.container { width: 750px; }

	#nav { text-align: right; }

	#nav a#nav-location { padding-right: 0; }

	#facebook { display: none; }
	
}

@media only screen and (max-width: 800px) {
	
	.container { width: 600px; }
	
	h1 { font-size: 45px; }
	#home p, h2 { font-size: 26px; }
	h3 { font-size: 20px; }
	
	#nav a#nav-location { padding-right: 0; }
	
	.chef .imgwrap, .chef img { width: 140px; height: 140px; }
	
	.button {
		font-size: 14px;
	}
	
	.galleryimg {
		width: 28.333%;
	}
	.galleryimg:nth-child(1n+0) { margin-right: 5%; clear: none;  }
	.galleryimg:nth-child(3n+0) { margin-right: 0; }
	.galleryimg:nth-child(3n+1) { clear: both; }
	
	.hours {
		width: 47.5%;
		margin-bottom: 5%;
	}
	.hours:nth-child(1n+0) { margin-right: 5%; }
	.hours:nth-child(2n+0) { margin-right: 0; }
	.hours:nth-child(1n+3) { margin-bottom: 0; }
	
}

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

	.container { width: 500px; }
	
	#header.mini {
		height: 80px;
	}
	
	#header.mini #logo	{
		height: 50px;
		background-image: url(images/logo.gif);
	}
	
	#nav a {
		background-color: #27A;
		color: #FFF;
		padding: 0;
		width: 22%;
		border-left: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		text-align: center;
	}
	
	#header.mini #nav a {
		padding: 0;
		margin-top: 0;
	}
	
	#home p { font-size: 22px; line-height: 27px; }
	
	#foodsites img {
		clear: both;
		width: inherit;
		display: block !important;
		margin: 20px auto;
	}
	
	img { width: 100%; max-width: 100%; }
	
	#facebook { display: none; }

	#menus .button {
		display: inline-block;
		width: 49%;
	}
		#menus .button:nth-child(0n) { margin-right: 2%; }
		#menus .button:nth-child(2n) { margin-right: 0; }

}

@media only screen and (max-width: 520px) {
	
	#logo,
	#header.mini #logo	{
		width: 59px;
		background-image: url(images/logo-block.gif);
	}
	
	.container { width: 380px; }
	
	h1 { font-size: 38px; }
	
	.chef .imgwrap, .chef img { width: 200px; height: 200px; }

	.chef {
		width: 100%;
		float: none;
		margin:-right: 0;
		margin-bottom: 70px;
	}
		.chef:nth-child(3) { margin-bottom: 0; }
	
	.galleryimg {
		width: 47.5%;
	}
	.galleryimg:nth-child(1n+0) { margin-right: 5%; clear: none;  }
	.galleryimg:nth-child(2n+0) { margin-right: 0; }
	.galleryimg:nth-child(2n+1) { clear: both; }
	
	.hours {
		width: 100%;
		margin: 0;
		margin-bottom: 5% !important;
	}
	.hours:nth-child(4) { margin-bottom: 0 !important; }
	
}

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

	.container { width: 300px; }
	
}