/*	green = #447537
	bright white = #f1f2f1
	red = #8c1b1b				*/
	
body {font-family:"Crimson Text",serif;}

	a {font-family:"Kalam",script; color:#447537;}
	a:hover {color:#335929;}
	h2 {color:#8c1b1b;}
	.red h2 {color:#fff;}

header {background:rgba(68,117,55,0.2);}
 header h1 {font-family:"Kalam",script; color:#447537; font-weight:700; letter-spacing:0.05em; text-shadow:0 0 0.1em #f1f2f1;}
 header p {font-family:"Kalam",script; color:#8c1b1b; font-weight:300; letter-spacing:-0.05em; text-shadow:0 0 0.1em #f1f2f1;}

nav { 
 background:-webkit-linear-gradient(rgba(68,117,55,0.2) 25%, rgba(68,117,55,0.8) 75%);
 background:-o-linear-gradient(rgba(68,117,55,0.2) 25%, rgba(68,117,55,0.8) 75%);
 background:-moz-linear-gradient(rgba(68,117,55,0.2) 25%, rgba(68,117,55,0.8) 75%);
 background:linear-gradient(rgba(68,117,55,0.2) 25%, rgba(68,117,55,0.8) 75%);
}

  @media (max-width: 30em) {
   nav {background:none;}	  	
	nav li,
	#slider p a { 
	 background:-webkit-linear-gradient(rgba(68,117,55,0.4) 12.5%, rgba(68,117,55,0.8) 50%);
	 background:-o-linear-gradient(rgba(68,117,55,0.4) 12.5%, rgba(68,117,55,0.8) 50%);
	 background:-moz-linear-gradient(rgba(68,117,55,0.4) 12.5%, rgba(68,117,55,0.8) 50%);
	 background:linear-gradient(rgba(68,117,55,0.4) 12.5%, rgba(68,117,55,0.8) 50%);
	}
  }

  nav li a {color:#f1f2f1; font-weight:700; text-decoration:none; text-transform:uppercase; letter-spacing:0.1em; text-shadow:0 0.1em 0.1em #000;}
  nav li a:hover {color:#447537; background:#f1f2f1; text-shadow:none;}

#slider { 
 background:-webkit-linear-gradient(rgba(241,242,241,0.8) 0%, rgba(241,242,241,0.2) 25%, rgba(241,242,241,0.2) 75%, rgba(241,242,241,0.8) 100%);
 background:-o-linear-gradient(rgba(241,242,241,0.8) 0%, rgba(241,242,241,0.2) 25%, rgba(241,242,241,0.2) 75%, rgba(241,242,241,0.8) 100%);
 background:-moz-linear-gradient(rgba(241,242,241,0.8) 0%, rgba(241,242,241,0.2) 25%, rgba(241,242,241,0.2) 75%, rgba(241,242,241,0.8) 100%);
 background:linear-gradient(rgba(241,242,241,0.8) 0%, rgba(241,242,241,0.2) 25%, rgba(241,242,241,0.2) 75%, rgba(241,242,241,0.8) 100%);
}

  #slider li {text-align:center; background:rgba(241,242,241,0.33);}  
  #slider div {text-align:center;}

#contact {background:rgba(241,242,241,0.75); box-shadow:0 0 0.5em #000;}
	input, textarea {font-family:"Crimson Text",serif; background:rgba(68,117,55,0.125); border:0.1em solid #335929;}
	input#btn {color:#f1f2f1; background:rgba(68,117,55,0.75);}
	input#btn:hover {background:rgba(68,117,55,1);}
  #contact p.msg {color:#8c1b1b; box-shadow:0 0 0.1em #8c1b1b;}	

#menu { box-shadow:0 0 0.5em #000;}
.green {background:#f9ffff;}
.red {background:#f6002f;}
 #menu table {font-family:Helvetica,Arial,sans-serif; background:rgba(68,117,55,0.1); box-shadow:0 0 0.5em #000;}
 #menu div {font-family:Helvetica,Arial,sans-serif; background:rgba(140,27,27,0.05); box-shadow:0 0 0.5em #000;}
  #menu h3 {text-transform:uppercase;}
  #menu h4 {color:#8c1b1b; text-shadow:0 0 0.1em #f1f2f1;}
   		address span {font-weight:600;} 
  #menu td:nth-child(2) {font-weight:300;} 
   #menu td span, #menu p span {font-style:italic; word-spacing:-0.05em;}

  #catering td:nth-child(2),
  #catering td:nth-child(3) {font-weight:300;} 
 #catering tr#tbl-heading {color:#8c1b1b; background:rgba(140,27,27,0.05);} 

#content {
 background:-webkit-linear-gradient(rgba(140,27,27,0.6) 0%, rgba(140,27,27,0.1) 50%);
 background:-o-linear-gradient(rgba(140,27,27,0.6) 0%, rgba(140,27,27,0.1) 50%);
 background:-moz-linear-gradient(rgba(140,27,27,0.6) 0%, rgba(140,27,27,0.1) 50%);
 background:linear-gradient(rgba(140,27,27,0.6) 0%, rgba(140,27,27,0.1) 50%); 
}	

#banner {color:#f1f2f1; 
  background:-webkit-linear-gradient(rgba(140,27,27,0.8) 20%, rgba(140,27,27,0.4) 80%, rgba(140,27,27,0) 100%);
  background:-o-linear-gradient(rgba(140,27,27,0.8) 20%, rgba(140,27,27,0.4) 80%, rgba(140,27,27,0) 100%);
  background:-moz-linear-gradient(rgba(140,27,27,0.8) 20%, rgba(140,27,27,0.4) 80%, rgba(140,27,27,0) 100%);
  background:linear-gradient(rgba(140,27,27,0.8) 20%, rgba(140,27,27,0.4) 80%, rgba(140,27,27,0) 100%);  	
}

	@media (max-width: 30em) {
	 #banner {
  	   background:-webkit-linear-gradient(rgba(140,27,27,0.8) 50%, rgba(140,27,27,0.6) 80%, rgba(140,27,27,0.4) 95%, rgba(140,27,27,0) 100%);
	   background:-o-linear-gradient(rgba(140,27,27,0.8) 50%, rgba(140,27,27,0.6) 80%, rgba(140,27,27,0.4) 95%, rgba(140,27,27,0) 100%);
	   background:-moz-linear-gradient(rgba(140,27,27,0.8) 50%, rgba(140,27,27,0.6) 80%, rgba(140,27,27,0.4) 95%, rgba(140,27,27,0) 100%);
	   background:linear-gradient(rgba(140,27,27,0.8) 50%, rgba(140,27,27,0.6) 80%, rgba(140,27,27,0.4) 95%, rgba(140,27,27,0) 100%); 
	 }
	}


	#banner li {text-align: center; vertical-align: top; text-shadow:0 0.1em 0.1em #000;}	
	#banner h3 {letter-spacing:0.2em; font-weight:600; text-transform: uppercase; text-shadow:0 0.2em 0.1em #000;}
	#social h3 {color:#8c1b1b; letter-spacing:0.1em; font-weight:600; text-align:center; text-shadow:0 0.1em 0.1em #000;}
	#banner h4 {letter-spacing:0.1em; font-weight:400; text-transform:uppercase; text-shadow:0 0.05em 0.1em #000;}
	#banner p {text-shadow:0 0.05em 0.05em #000;}	
	
	#social li div:nth-child(2) {background:#f1f2f1; border:0.1em solid #aaa; border-radius:0.5em;}
	#yelp p {font-family:"Kalam",script; font-weight:300; word-spacing:-0.1em;}
	#yelp p span {font-family:"Crimson Text", serif; font-weight:400; word-spacing:0;}
	
footer {color:#8c1b1b; text-shadow:0 0.05em 0.05em #f1f2f1;}