body {font-size:10px; line-height: 1;}

	header, nav, footer, div, iframe, ul, tbody, tr, img, a {width:100%;}

div#bgfull {height:100%; top:0; left:0; position:fixed; z-index:-1;}
div#bgfull img {height:100%;}

div#contain {width:100%; position:relative;}

figure#logo {width:20%; max-width:25em; min-width:15em; left:40%; position:absolute; z-index:999;}

header {height:5em;}
header h1 {font-size:2em; width:40%; padding:0 5%; line-height:2.5; float:left;}
header p {font-size:1.75em; width:40%; padding:0 5%; line-height:2.75; float:right; text-align:right;}

nav {height:10em;}
nav ul {padding-top:5em; display:inline-block;}
 nav li {width:20%; float:left; text-align:center;}
 nav li:nth-child(3) {margin-left:20%;}
 nav li a {font-size:2.5em; padding:0.6em 0 0.2em; display:block;}
 nav li a:hover {margin-top:-0.2em; border-top:0.2em solid #447537; border-bottom:0.2em solid #8c1b1b;}
 
#slider {height:30em; display:inline-block;}
 #slider li {width:23%; height:24em; margin:2.5em 1%; float:left; border:0.1em solid #000; position:relative; overflow:hidden;}
 #slider li:nth-child(2) {width:46%;}
  #slider iframe {height:25em;}
  #slider div {width:90%; padding:0 5%; top:10%; position:absolute;}
   #slider h3 {font-size:2.2em; line-height:2;}
   #slider p {font-size:1.8em; line-height:1.4;}
   #slider p a {font-size:0.9em; padding-top:1em; display:block;}
   #slider p a.tablet {display:none;}

#contact {width:80%; max-width:80em; margin:0 auto; padding:1em 0; position:relative;}
  #contact address {font-size:1.8em; width:40%; top:0; right:0; padding:1em 0 0; line-height:1.2; position:absolute; text-align:center;}
#contact h2 {font-size:3.5em; width:40%; line-height:1.5; padding:0.75em 0 0; text-align:center; float:left;}
#contact h3 {font-size:1.8em; width:37.5%; margin-left:2.5%; float:left; text-align:center; clear:left;}
#contact h4 {font-size:2em; text-align:center; clear:both;}
#contact h4.space {padding-top:2em;}

#form1 p {text-align:center;}

  #contact-more p {font-size:1.8em; padding-bottom:1.5em; line-height:1.5; text-align:center;}
  #contact p.msg {font-size:2.2em; padding-top:1.5em; margin:1em 0 0; clear:both;}

form {width:60%; padding:6em 0 2em; margin:0 auto; clear:both; text-align:center;}
 form div {margin:1em 0; display:inline-block; clear:both;}
  form label {font-size:2.2em; width:20%; padding-top:0.5em; vertical-align:top; display:inline-block;}
  form input {font-size:2em; width:80%; max-width:15em; padding:0.2em 0.6em; display:inline-block;}
  form textarea {font-size:1.8em; width:80%; max-width:16.8em; height:7.5em; padding:0.2em 0.6em; display:inline-block;}
  form input#btn {font-size:2.2em; max-width:12em; margin-left:20%; padding:0.4em 0; display:inline-block; clear:both;}


#menu {width:80%; max-width:80em; margin:0 auto; text-align:center; position:relative;}
  #menu address {font-size:1.8em; width:40%; top:0; right:0; padding:1em 0 0; line-height:1.2; position:absolute; text-align:center;}
#menu h2 {font-size:3.5em; width:40%; line-height:1.5; padding:0.75em 0 0; text-align:center; float:left;}
#menu h3 {font-size:1.8em; width:37.5%; margin-left:2.5%; float:left; text-align:center; clear:left;}
#menu h4 {font-size:3em; width:80%; line-height:1.5em; margin:0 auto; padding:1.5em 0 0.3em; text-align:center; clear:both;}
#menu table,
#menu div {width:80%; max-width:60em; margin:0 auto;}
 #menu tr {width:95%; padding:0 2.5%; border-bottom:0.1em solid #000; display:inline-block;}
  #menu td {font-size:1.6em; width:68%; padding:1em 0 0.5em; line-height:1.2; display:inline-block;}
  #menu td:nth-child(2),
  #menu td:nth-child(3) {font-size:1.5em; width:30.5%; margin-left:1.5%; padding:0 0 0.1em; line-height:1.4; display:inline-block; vertical-align:middle; text-align:right;}
       #menu p {font-size:1.6em; width:80%; max-width:60em; margin:0 auto; padding:1em 0 0; line-height:1.4em; text-align:center; clear:both;}
	   #menu p.space {max-width:30em; padding:3em 0;}
   #menu div p {padding:1em 0;}
  #menu td span, #menu p span {font-size:0.9em;}
  
  #menu img {max-width:60em; margin:0 auto; display:block; clear:both;}
 
 #one td {font-size:1.6em; width:98%; padding:1em 0 0.5em; line-height:1.2; display:inline-block; text-align:center;}
 
 #four th,
 #four td {font-size:1.6em; width:18%; padding:1em 0 0.5em; line-height:1.2; display:inline-block; text-align:center;}
   #menu #four td:nth-child(2),
   #menu #four td:nth-child(3),
   #menu #four td:nth-child(4) {width:18%; margin-left:0; text-align:center;}
  	 	 #four th:nth-child(1),
	     #four td:nth-child(1) {width:44%;} 
  
  
 #catering th,
 #catering td {font-size:1.6em; width:24%; padding:1em 0 0.5em; line-height:1.2; display:inline-block; text-align:center;}
   #menu #catering td:nth-child(2),
   #menu #catering td:nth-child(3) {width:24%; margin-left:0; text-align:center;}
  		 #catering th:nth-child(1),
	     #catering td:nth-child(1) {width:50%;}

#banner {}
#banner ul {padding:2em 0 4em; display:inline-block;} 
 #banner li {width:23%; padding:0 1%; float:left; text-align:center;}
  #banner h3, #social h3 {font-size:2.4em; padding:0.2em 0;}
     #banner p {font-size:1.8em; width:50%; line-height:1.4; padding:0.2em 0 1.8em; margin:0 auto; text-align:center;}
  #banner ul p {font-size:1.5em; width:100%; line-height:1.3; padding:0;} 
  #banner h4 {font-size:1.8em; text-align:center;} 
  
#social {}
#social ul {padding:2em 0 4em; display:inline-block;}
 #social li {width:22.5%; padding:0 1.25%; float:left; text-align:center;} 
 #social li div:nth-child(1) {max-width:5em; margin:0 auto;} 
 #social li div:nth-child(2) {height:36em; margin-top:-1em; padding:2em 0 0; overflow:hidden;}
 #social li div div:nth-child(1) {max-width:none;}
 #social li div#yelp {width:95%; padding:2.5em 2.5% 0;}
  #social iframe {height:100%; float:left;}
  #social p {font-size:1.5em; padding-bottom:1.2em; line-height:1.2;}
  #social p span {font-size:0.8em; width:95%; padding:0.25em 5% 0; display:block; text-align:left;}

footer {font-size:1.4em; width:90%; padding:5em 5%; text-align:center;}