@charset "utf-8";
@import url("fonts.css");
/* CSS Document for Screens */

/*	nutmeg yellow color: rgba(255,204,0,1);
	nutmeg green color: rgba(0,154,0,1);
	nutmeg gold color: rgba(217,189,102,1);
	nutmeg teal color: rgba(27,174,117,1);
	nutmeg charcoal color: rgba(31,31,31,1);
	nutmeg grey color: rgba(150,170,150,1);
	
*/


/* SET 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, p {
    margin          : 0;
    padding         : 0;
    border          : 0;
    vertical-align  : baseline;
    font-weight     : normal;
    
}

*/

/* DEBUG > */
.borderm { border: 2px solid magenta !important; }
.borderc { border: 2px solid cyan !important; }
/*  Debug. */


/*@font-face { font-family: "nutmeg-vpl"; src: url('../fonts/VerdanaPro-Light.ttf') format('truetype'); }
@font-face { font-family: "nutmeg-vpr"; src: url('../fonts/VerdanaPro-Regular.ttf') format('truetype'); }
@font-face { font-family: "nutmeg-vp-sb"; src: url('../fonts/VerdanaPro-SemiBold.ttf') format('truetype'); }
@font-face { font-family: "nutmeg-nav";	src: url('../fonts/seguibli.ttf') format('truetype'); }
@font-face { font-family: "nutmeg-spe"; src: url('../fonts/CoronetMTW01Bold.ttf') format('truetype'); }
@font-face { font-family: "nutmeg-signup"; src: url('../fonts/VerdanaPro-Bold.ttf') format('truetype'); }
*/

/* GLOBAl > */
	
	h1{
		font: 24pt "nutmeg-vpl", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: underline;
		text-align: center;
		margin: 20px;
	}

	h2{
		font: 16pt "nutmeg-vp-sb", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: none;
		text-align: left;
		font-weight: 400;
	}

	body { width: 100%;	background-color: rgba(241,241,241,1); }
	body {
		font-family: "nutmeg-vpl", "Segoe UI", helvetica, "garuda", arial, verdana, tahoma, sans-serif;
		font-size: 16px; font-weight: 400; color: #555; margin: 0; padding: 0;
	}

	#page {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		position: relative;
		overflow: hidden;
		background-color: #fff;
		background-color: rgba(241,241,241,1);
	}

	.page-wrapper {
		max-width: 1200px !important;
		margin: 0 auto;
		padding: 0; 
		background-color: rgba(255,255,255,1);
		box-shadow: 0px 0px 5px 5px rgba(31,31,31,.33);
	}

	a {
		transition         : all .3s;
	    -moz-transition    : all .3s;
	    -webkit-transition : all .3s;
	    -o-transition      : all .3s;
	    -ms-transition     : all .3s;
	}
	
	a.btn{
		position: relative;
		display: block;
		max-width: 150px;
		background-color: rgba(27,174,117,.8);
		font-size: 1.2em;
		font-weight: 900;
		text-decoration: none;
		color: rgba(255,255,255,1);
		padding: 3px 10px;
		transition         : all .3s;
	    -moz-transition    : all .3s;
	    -webkit-transition : all .3s;
	    -o-transition      : all .3s;
	    -ms-transition     : all .3s;
		margin: 0 auto;
		border-radius: 0;
	}

	a.btn:hover{
		background-color: rgba(27,174,117,1); /* 0 red, 0 green, 0 blue, .3 alpha (i.e. transparency) */
		color: #fff;
	}

	a.btn:visited{
		color: rgba(255,255,255,1);
	}

	button{
		transition         : all .3s;
	    -moz-transition    : all .3s;
	    -webkit-transition : all .3s;
	    -o-transition      : all .3s;
	    -ms-transition     : all .3s;
	}

	a.go-top {
		position: fixed;
		bottom: 2.25em; 
		right: 2em;
		text-decoration: none;
		color: rgba(0,0,0,1);
		background: rgba(27,174,117,.75) url("../images/go-top20.png") no-repeat center 3px ;
		font-family: "segoe ui";
		font-size: .7em;
		padding: 2em .5em .5em .5em;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		display: none;
		z-index:100;
		border-radius: 5px;
	}

	a.go-top:hover {
		background-color: rgba(27,174,117,.9);
	}

	.float-right { position: relative!important; display: block!important; float: right	!important; }

/* Global. */


/* HEADER > */

	header {
		position: relative;
		display: block;
		height: auto;
		width: 100%;
		top: 0;
		margin: 0;
		padding: 0; 
	}

	.info-bar {
		z-index: 99;
		position: relative;
		display: block;
		background-color: rgba(27,174,117,1);
		width: 100%;
		height: 40px;
		padding: 5px 30px 5px 30px;
	}

	.info-bar p {
		display: inline-block;
		float: right;
		text-align: right;
		color: #fff;
		font-size: .9em;
		font-weight: 900;
		margin-top: 5px;
	}

	.info-bar p.times1 {
		position: relative;
		display: inline-block;
		margin-right: 30px;
	}

	

	.info-bar a.times2 {display: none;}


	.info-bar a.btn, .info-bar a.btn:visited {
		float: right;
		text-align: center;
		color: #fff;
		font-size: .85em;
		margin: 2px 30px 3px 30px;
		padding: 3px 15px; 
		border: 1px solid #fff;
	}

	.info-bar a.btn:hover {
		color: rgba(27,174,117,1);
		background-color: #fff;
	}


	.info-bar a.phone{
		display:inline-block;
		float: right;
		margin: 4px 5px 10px 0px;
		width: 22px;
		height: 22px;
		background: url(../images/phone3b.png) no-repeat 4px 5px;
		background-size: 15px 15px;
	}

	header a.logo {
		z-index: 100;
		position: absolute; display: block;
		width: 130px;	height: 130px;
		background: url(../images/nutmeg-logo512.png) no-repeat 0 0;
		background-size: contain;
		top: 5px;		left: 50px;
	}

	header a.logo span { 
		display: none;
	}

/* Header. */


/* NAVIGATION */

	body #home { color: rgba(27,174,117,1); }
	ul #home { border-bottom: 3px solid rgba(27,174,117,1); }

	@font-face {
		font-family: "nutmeg-nav";
		src: url('../fonts/seguisb.ttf') format('truetype');
	}


	nav {	/* Main nav */
		z-index: 5;
		position: relative;
		display: block;
		padding: 22px 0 0 50px;
		width: 100%;
		height: 100px;
		background-color: rgba(255,255,255,1) !important;
		border-left: 0 !important;
		border-right: 0 !important;
		
	}

	.navbar {
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}

	.navbar-default {
	  padding-left: 200px;
	  border-radius:0;
	}

	.navbar-default ul.nav.navbar-nav li a {
		border-bottom: 5px solid rgba(0,0,0,0);
		color: rgba(31,31,31,1);
		font-family: "nutmeg-nav", arial, helvetica, sans-serif !important;
		font-size:.9em; 
	/*	text-shadow: 0px 0px 0px rgba(255, 255, 255, .6); */
	}

	.navbar-default ul.nav.navbar-nav li a.dropdown {
		background: url(../images/down-512.png) no-repeat 0 0%;
	}


	.navbar-default ul.nav.navbar-nav li a:hover {
		color: rgba(27,174,117,1);
		border-bottom: 3px solid rgba(27,174,117,.8);
	}

	.navbar-default ul.nav.navbar-nav li a.dropdown:hover {
		color: rgba(27,174,117,1);
		border-bottom: 3px solid rgba(27,174,117,0);
		background: url(../images/down-512.png) no-repeat 0 50%;
	}

	nav::after {	content:'';	display: block;	clear:both; }

	nav ul {	list-style: none;	margin: 0;	padding: 0;}

	nav ul li:hover {	background-color: rgba(255,255,255,.5);} 

	nav ul li:hover > ul {	display: block;}

	nav ul li:hover > ul a {	display: block;}


	nav ul li a {
		display: inline-block;
		color: #fff;
		padding: 10px 20px;
		text-decoration: none;
		position: relative;
	}

	nav ul li a:visited {	color: #fff;}	

	nav ul ul {	position: absolute;	top: 100%; background-color: rgba(255,255,255,.95);	display: none; }

	nav ul ul li {	position: relative; }

	nav ul ul li a {	width: 200px;}

	nav ul ul li a:hover {	border-bottom: 5px solid rgba(0,0,0,0) !important; text-decoration: none;}

	nav ul ul ul {	left: 100%;	top: 0px; }


	/* Navigation > top-level */

	nav > ul {	padding-left: 200px}

	nav > ul > li {	float: left; }

	nav > ul > li > a {	width: auto;	padding: 10px 20px 10px 20px;}

	nav a[aria-haspopup="true"]::after {		/* Creates right pointing arrow to show submenu */
		content:'';
		display: block;	width: 0px;	height: 0px;
		position: absolute;
		top: 20px;	right: 5px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #000;
	} 

	.nav.navbar-nav > li > a[aria-haspopup="true"]::after {		/* Creates bottom pointing arrow to show submenu */
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid #000;
		right: 2px;
		top: 45%;
	}
/* Navigation. */

/* Section - All */

	section { 

	}

	section { 
		position: relative; 
		display: block;
		margin: 0px;
		padding: 30px;
		border-bottom: 5px solid rgba(31,31,31,1); 
		padding: 0 30px;
		background-color: #fff;
	}

	section::after {content:''; display: block; clear: both;}

	.wrapper {
		display: block;
		max-width: 1200px;
		margin: 0 auto;
	}

	.wrapper1200 {
		position: relative;
		display: block;
		max-width: 1200px;
		margin: 0 auto;
		
	}

	.wrap{
		display: block;
		margin: 0px auto;
		margin: 0px;
		padding: 0px;
		
	}

	.one p { text-align: center; }

	.two aside { width: 50%; float: left;}

	.three aside { width: 33%; float: left;}

	.info-bar{ border-bottom: none; }


/* HERO */

	#bk-img {
		position: relative;
		width: 100%;
		margin-top: -100px;
		margin-bottom: 0px !important;
	}


/* WELCOME */
	
	
	#welcome h1, .menu h1 {
		margin: -10px auto;
		font: 5em "nutmeg-spe", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: none;
		text-align: center;
	}

	#welcome h2{
		margin: 0px auto;
		font: 2em "nutmeg-vp1", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(31,31,31,1);
		text-decoration: none;
		text-align: center;
		font-weight: 200;
		margin-top: 10px;
	}

	#welcome p {
		margin: 0px auto;
		font: 1.5em "nutmeg-vp1", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(75,75,75,1);
		text-decoration: none;
		text-align: center;
		font-weight: 400;
		margin-top: 10px;
	}

	#welcome{
		z-index: 10;
		position: relative;
		display: block;
		background: #fff;
		margin: -260px 0px 0px 0px;
		padding: 20px 40px; 
		width: 35%;
		left: 60%;
		border-top: 5px solid rgba(27,174,117,1);
		box-shadow: 6px 6px 5px rgba(0,0,0,.33);
	}


/*	ABOUT	*/


	section.about {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: -40px;
		padding-top: 40px;
		padding-bottom: 30px; 
		border-top: 5px solid rgba(31,31,31,1);
	}

	.about img {
		display: block;
		margin:30px auto;
	}

	section.about h1 { margin-top: -10px; padding-top: 0px; }


/* SPECIAL WEEKENDS */

	.sixty {
		max-width: 60%;
	}

	.sixty-plus {
		max-width: 60%;
	}

	section.special-weekends {
		margin: 0px 0px;
		padding: 0px 0px;
		background: url(../images/oildown3.png) no-repeat 97% center;
		background-size: 40%;
		background-color: #fff;

	 }

	section.special-weekends article {	
		padding: 0px 30px 30px 30px;  
		min-height: 220px;
		max-width: 100%;
		margin: 0;
	}

	section.special-weekends article h2{
		font-size: 1em;
	}	

	section.special-weekends article a.btn {
		margin-top: 20px;
		max-width: 200px;
	}	



/* OFFERS */

	.offers { background-color: rgba(31,31,31,1); }

	.offers {
	 	margin: 0px 0px;
		padding: 0px 0px;
	 }

	a.half {
		display: block; width:50%; float: left
	}

	.signup {
		margin: 0px 0px;
		padding: 0px 0px;
		background: url(../images/signup1.png) no-repeat center center;
		background-size: cover;
		color: #fff;
		min-height: 390px; 
	 }

	.signup h1{
		margin: 0px auto;
		font: 3.2em "nutmeg-signup", "segoe ui", arial, helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		text-align: center;
		margin-top: 20px;

	}

	.signup p {
		margin: 0px auto;
		font: 1.2em "nutmeg-vp1", "segoe ui", arial, helvetica, sans-serif;
		
		text-decoration: none;
		text-align: center;
		font-weight: 400;
		margin-top: 10px;
	}

	.signup .btn, .signup .btn:visited {
		background-color: rgba(0,0,0,0);
		border: 1px solid #fff; 
		margin-top: 30px;
		border-radius: 0px;
		display: block;
		margin: 30px auto; 
		text-align: center;
		font-size: 1.2em;
		font-weight: 900;
		padding-top: 3px;
		padding-bottom: 3px;
	}	

	.signup .btn:hover {
		background-color: rgba(255,255,255,1);
		color: rgba(27,174,117,1);
	}	


/* EVENTS */

	a.event1 {
		position: relative;
		display: block;
		margin: 0 auto;
		height: 600px;
		background: url(../images/event1.png) no-repeat center center;
		background-size: contain;
	}
	
	a.event2 {
		position: relative;
		display: block;
		margin: 0 auto;
		height: 600px;
		background: url(../images/event2.png) no-repeat center center;
		background-size: contain;
	}
	
	a.event3 {
		position: relative;
		display: block;
		margin: 0 auto;
		height: 600px;
		background: url(../images/event3.png) no-repeat center center;
		background-size: contain;
	}

	a.event4 {
		position: relative;
		display: block;
		margin: 0 auto;
		height: 600px;
		background: url(../images/event4.png) no-repeat center center;
		background-size: contain;
	}

	a.event1-clip {
		position: relative;
		display: block; 
		float: left;
		width: 50%;
		min-height: 390px;
		background: url(../images/event1-clip.png) no-repeat center center;
		background-size: contain;
		
	}

	a.event2-clip{
		position: relative;
		display: block; 
		float: left;
		width:50%; 
		min-height: 390px;
		background: url(../images/event2-clip.png) no-repeat center center;
		background-size: contain;
		
	}

	a.event3-clip{
		position: relative;
		display: block; 
		float: left;
		width:50%; 
		min-height: 390px;
		background: url(../images/event3-clip.png) no-repeat center center;
		background-size: contain;
	}

	a.event4-clip{
		position: relative;
		display: block; 
		float: left;
		width:50%; 
		min-height: 390px;
		background: url(../images/event4-clip.png) no-repeat center center;
		background-size: contain;
	}





/* SOCIAL */

	.social {
		text-align: center;
	}

	.social .instagram {
		display: inline-block;
		height: 5em;
		width: 5em;
		background: url(../images/instagram-icon2.png) no-repeat 0 0;
		background-size: contain;
	}

	.social .twitter {
		display: inline-block;
		height: 5em;
		width: 5em;
		background: url(../images/twitter-icon2.png) no-repeat 0 0;
		background-size: contain;
	}

	.social .facebook {
		display: inline-block;
		height: 5em;
		width: 5em;
		background: url(../images/facebook-icon2.png) no-repeat 0 0;
		background-size: contain;
	}


/* FOOT */

	.foot {
		background-color: rgba(31,31,31,1);
		color: rgba(150,150,150,1);
		font: .9em "nutmeg-footer", "segoe ui", arial, helvetica, sans-serif;
		padding-bottom: 30px;
	}

	.foot h2 { color: #fff; font-size: .95em; }


	.foot h3 { 
		color: rgba(27,174,117,1); 
		font: .9em "nutmeg-vpr", "segoe ui", arial, helvetica, sans-serif;
		display: inline-block;
	}

	.foot p { display: inline-block; }


	h3 img{ margin-right: .5em; }

	.foot aside a, .foot aside a:hover, .foot aside a:visited {
		color: rgba(27,174,117,1); 
		font: .9em "nutmeg-vpr", "segoe ui", arial, helvetica, sans-serif;
	}

	
/* COPYRIGHT */

	.copy-design{
		display: block;
		width: 100%;
		background-color: rgba(27,27,27,1);
		color: rgba(150,150,150,1);
		font: .9em "nutmeg-vpr", "segoe ui", arial, helvetica, sans-serif;
		padding: 30px; 
	}

	.copy-design p, .copy-design a {
		display: inline-block;
	}

	.copy-design a {
		float: right;
		margin-right: 30px;
		color: rgba(150,150,150,.5);
		font-size: .8em; 
	}

	#map {
		position: relative;
		display: block;
		width: 100%;
		height: 230px;
		background-color: red;
	}

	

/* MENU & CATERING PAGES */

	.content-page {

	}

	section.menu {
		border-bottom: 5px solid rgba(31,31,31,.05);
		
	}

	.menu h1 {
		margin: 0 auto;
		font: 5em "nutmeg-spe", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: none;
		text-align: center;
		margin-top: 10px;
	}

	.menu h2.titles {
		font: 2em "nutmeg-vpl", "segoe ui", arial, helvetica, sans-serif;
		text-align: center;
		margin-top: 0px;
		color: rgba(31,31,31,1);
	}

	.menu h2.titles2 {
		font: 1.5em "nutmeg-vpl", "segoe ui", arial, helvetica, sans-serif;
		text-align: center;
		margin-top: 10px;
		color: rgba(31,31,31,1);
	}

	.menu h2 {
		margin: 0 auto;
		font: 1em "nutmeg-vpr", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: none;
		margin-top: 10px;
		margin-bottom: 5px;
		font-weight: 900;
	}

	.menu h3 {
		font: 22pt "nutmeg-vpl", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: underline;
		text-align: center;
		margin: 20px;
	}

	.menu aside .menu-item {
		margin: 10px auto;
		width: 90%;
		min-height: 120px;
		 -webkit-box-shadow: 0px 0px 10px #ccc;
		-moz-box-shadow: 0px 0px 10px #ccc;
		box-shadow: 0px 0px 10px #ccc;
		padding-right: 10px;
	}

	.menu .centered > aside .menu-item {
		position: relative;
		display: block;
		margin: 10px auto;
		width: 440px;
		height: 120px;
		 -webkit-box-shadow: 0px 0px 10px #ccc;
		-moz-box-shadow: 0px 0px 10px #ccc;
		box-shadow: 0px 0px 10px #ccc;
		padding-right: 10px;
	}

	.menu aside .menu-item img {
		float: left;
		margin-right: 10px;
	}

	.menu aside .menu-item h1 {
		font: 125%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
		font-weight: 900;
		padding-bottom: 5px;
		margin-top: 16px;
	}

	.menu aside .menu-item p {
		margin-left: 132px;
		margin-top: 0px; 
		margin-bottom: 0px;
		padding-bottom: 5px;
		text-align: left;
		color: #555; 
		font: 90%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	}

	.menu aside .menu-item p.price {
		font-weight: 900;
	}

	.menu aside .menu-item p.inline1 {
		margin-left: 0px;
		display: inline;
		font-weight: 900;
	}

	.menu aside .menu-item p.inlinered1 {
		margin-left: 0px;
		display: inline;
		font-weight: 900;
		color: rgba(237,31,37,.9) !important;
	}

	.menu aside .menu-item-space {
	position: relative;
	float: left;
	margin: 16px 30px 16px 0;
	width: 450px;
	height: 160px;
	}

	.centered .menu aside .menu-item {
		position: relative !important;
		display: block !important;
		margin: 0 auto !important; 
		clear: both !important;
	}


/* CONTACT PAGE ====================================================================================*/

section.contact-us {
	background: url(../images/bkImgQuote2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
  	background-size: cover;
  	padding: 0px;
  	margin: 0px;
  	border-bottom: 1px solid rgba(255,255,255,0.8);
}

.overlay1 {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid rgba(255,255,255,0);
	border-bottom: 5px solid rgba(31,31,31,.2);
}

section.contact-us h1 { 
	text-align: left;
	margin: 20px 0px 30px 0px;
	padding-left: 10px;
}

section.contact-us div.contact-window h1 { margin-bottom: 0px; font-weight: 500; }

section.contact-us p {
	font-weight: 400;
	margin: 10px;
	text-align: left;
	
}

section.contact-us h2 {
	text-align: center;
	margin: 10px;

}

section.contact-us div.contact-window {
	display: block;
	position: relative;
	width: 522px;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 	30px;
}



section.contact-us div.contact-window span .textbox::-webkit-input-placeholder, 
section.contact-us div.contact-window span .textbox:-moz-placeholder, /* Firefox 18- */
section.contact-us div.contact-window span .textbox::-moz-placeholder,   /* Firefox 19+ */
section.contact-us div.contact-window .textbox:-ms-input-placeholder {
   color: #484848;
}

section.contact-us div.contact-window span .textareabox::-webkit-input-placeholder, 
section.contact-us div.contact-window span .textareabox:-moz-placeholder, /* Firefox 18- */
section.contact-us div.contact-window span .textareabox::-moz-placeholder,   /* Firefox 19+ */
section.contact-us div.contact-window .textareabox:-ms-input-placeholder {
   color: #484848;
}

section.contact-us div.contact-window span .textbox {
	margin: 8px 10px;
	width: 500px;
	height: 50px;
	padding: 10px;
	background-color: rgba(255,255,255,.8);
	color: black;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
}

section.contact-us div.contact-window span .textareabox {
	margin: 8px 10px;
	width: 500px;
	padding: 10px;
	background-color: rgba(255,255,255,.8);
	color: black;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
}

section.contact-us div.contact-window div.captchabox {
	display: inline-block;
	margin: 6px 10px 10px 10px;
	width: 500px;
}

section.contact-us div.contact-window .btn500 {
	float:right;
	width: 180px;
	height: 76px;
	margin-top: -78px;
	background-color: rgba(27,174,117,.8);
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	color: rgba(27,174,117,1);
	border: 1px solid rgba(27,174,117,1);
	transition: background-color .3s;
	border-radius: 5px;
	color: #fff;
}

section.contact-us div.contact-window .btn500:hover {
	background-color: rgba(27,174,117,1);
}

/* CONTENT PAGE ====================================================================================*/

	.content-page h1 {
		margin: 0 auto;
		font: 5em "nutmeg-spe", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: none;
		text-align: center;
		margin-top: 10px;
	}

	.content-page h2.titles {
		font: 2em "nutmeg-vpl", "segoe ui", arial, helvetica, sans-serif;
		text-align: center;
		margin-top: 0px;
		color: rgba(31,31,31,1);
	}

	.content-page h2.titles2 {
		font: 1.5em "nutmeg-vpl", "segoe ui", arial, helvetica, sans-serif;
		text-align: center;
		margin-top: 10px;
		color: rgba(31,31,31,1);
	}

	.content-page h2 {
		margin: 0 auto;
		font: 1em "nutmeg-vpr", "segoe ui", arial, helvetica, sans-serif;
		color: rgba(27,174,117,1);
		text-decoration: none;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 900;
	}

	.content-page aside .menu-item {
		margin: 10px auto;
		width: 90%;
		min-height: 120px;
		 -webkit-box-shadow: 0px 0px 10px #ccc;
		-moz-box-shadow: 0px 0px 10px #ccc;
		box-shadow: 0px 0px 10px #ccc;
		padding-right: 10px;
	}

	.content-page .centered > aside .menu-item {
		position: relative;
		display: block;
		margin: 10px auto;
		width: 440px;
		height: 120px;
		 -webkit-box-shadow: 0px 0px 10px #ccc;
		-moz-box-shadow: 0px 0px 10px #ccc;
		box-shadow: 0px 0px 10px #ccc;
		padding-right: 10px;
	}

	.content-page aside .menu-item img {
		float: left;
		margin-right: 10px;
	}

	.content-page aside .menu-item h1 {
		font: 125%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
		font-weight: 900;
		padding-bottom: 5px;
		margin-top: 16px;
	}

	.content-page aside .menu-item p {
		margin-left: 132px;
		margin-top: 0px; 
		margin-bottom: 0px;
		padding-bottom: 5px;
		text-align: left;
		color: #555; 
		font: 90%/1.4 Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
	}

	.content-page aside .menu-item p.price {
		font-weight: 900;
	}

	.content-page aside .menu-item-space {
	position: relative;
	float: left;
	margin: 16px 30px 16px 0;
	width: 450px;
	height: 160px;
	}

	.content-page .event-item p {
		color: #555; 
		font: Georgia, helvetica, garuda, arial, verdana, tahomasans-serif;
		font-weight: 900;
	}

	.content-page .event-item p.price, .content-page .event-item p.date-time {
		font-weight: 900;

	}

	.centered .content-page aside .menu-item {
		position: relative !important;
		display: block !important;
		margin: 0 auto !important; 
		clear: both !important;
	}




/* EVENT PAGE ====================================================================================*/

	section.events {
		background: url(../images/bkImgQuote3.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
	 	-moz-background-size: cover;
	 	-o-background-size: cover;
	  	background-size: cover;
	  	padding: 0px;
	  	margin: 0px;
	  	border-bottom: 1px solid rgba(255,255,255,0.8);
	}

	.event-item {
		position: relative;
		display: block;
		min-height: 210px;
		width: 60%;
		margin: 30px auto;
		padding: 30px;
		background-color: #fff;
		border-radius: 5px;
		-webkit-box-shadow: 0px 0px 10px rgba(1,1,1,.5);
		-moz-box-shadow: 0px 0px 10px rgba(1,1,1,.5);
		box-shadow: 0px 0px 10px rgba(1,1,1,.5);
		text-align: center;
	}

	.events .overlay1 {
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.7);
		border: 1px solid rgba(255,255,255,0);
		border-bottom: 5px solid rgba(31,31,31,.2);
	}	

	 .event-item h2 {
		color: rgba(237,31,37,1) !important;
		text-align: center;
		/*text-shadow: 1px 1px 1px rgba(1,1,1,.5);
		text-decoration: underline;
		text-decoration-color: rgba(254,233,0,1);*/
	}

	.events h1.past{
		color: olive;
		margin: 50px 0 50px 0;
	}

	a.our-event1 {
		position: relative;
		display: inline-block;
		float: left;
		width: 150px;
		height: 150px;
		background: url(../images/events-page1.png) no-repeat center center;
		background-size: contain;
	}

	a.our-event2 {
		position: relative;
		display: inline-block;
		float: left;
		width: 150px;
		height: 150px;
		background: url(../images/events-page2.png) no-repeat center center;
		background-size: contain;
	}

	a.our-event3 {
		position: relative;
		display: inline-block;
		float: left;
		width: 150px;
		height: 150px;
		background: url(../images/events-page3.png) no-repeat center center;
		background-size: contain;
	}

	a.our-event4 {
		position: relative;
		display: inline-block;
		float: left;
		width: 150px;
		height: 150px;
		background: url(../images/events-page4.png) no-repeat center center;
		background-size: contain;
	}

	a.old-event1 {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		min-height: 300px;
		background: url(../images/event-old1.png) no-repeat center center;
		background-size: contain;
		opacity: .5;
	}

	a.old-event1:hover, a.old-event2:hover, a.old-event3:hover, 
	a.old-event4:hover, a.old-event4:hover, a.old-event6:hover { opacity: 1; }

	a.old-event2 {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		min-height: 300px;
		background: url(../images/event-old2.png) no-repeat center center;
		background-size: contain;
		opacity: .5;
	}

	a.old-event3 {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		min-height: 300px;
		background: url(../images/event-old3.png) no-repeat center center;
		background-size: contain;
		opacity: .5;
	}

	a.old-event4 {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		min-height: 300px;
		background: url(../images/event-old4.png) no-repeat center center;
		background-size: contain;
		opacity: .5;
	}

	a.old-event5 {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		min-height: 300px;
		background: url(../images/event-old5.png) no-repeat center center;
		background-size: contain;
		opacity: .5;
	}

	a.old-event6 {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		min-height: 300px;
		background: url(../images/event-old6.png) no-repeat center center;
		background-size: contain;
		opacity: .5;
	}

	a.expanded {
		position: relative;
		display: block;
		float: none;
		width: 100%;
		height: 600px;
		opacity: 1;
	}

/* MEDIA QUERIES */

	@media screen and (max-width:1085px) { /* Welcome */
		
	

	}

	@media screen and (max-width:1020px) { /* SOLID RED */

		#welcome h1{ font-size: 4em; }
		#welcome h2{ font-size: 1.5em; }
		#welcome p { font-size: 1.3em; }
		#welcome { padding: 20px 20px; width: 35%; left: 60%;
			 /*border-top: 5px solid red; /**************************************** red *********** REMOVE */
			box-shadow: 6px 6px 5px rgba(0,0,0,.33);
		}

		/* INFO BAR */
				.info-bar p {
					font-size: .8em;
					margin-top: 6px;
				}

				.info-bar p.times1 {
					margin-right: 10px;
				}

				.info-bar a.phone{
					width: 20px; /*22px;*/
					height: 20px; /*22px;*/
					background: url(../images/phone3b.png) no-repeat 4px 4px;
					background-size: 14px 14px;
					margin-right: 3px; 
				}

	}

	


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

		.signup {		}
		.signup h1 { font-size: 3em; margin-top: 0px; }
		.signup p {	font-size: 1em;	margin-top: 10px; }
		.signup a.btn {	max-width: 60%;	margin-top: 20px; font-size: 1em; }	

	}

	@media screen and (max-width:900px) { /* 1st NAV Size Change */

		h1{ font-size: 2em; }
		h2 { font-size: 1.4em; }
		h3 { font-size: 1.1em; }
		a.btn { font-size: 1em; }


		/* Header */

			.info-bar p { font-size: 1em; margin-top: 2px; }

			.info-bar p.times1 { display: none; }

			.info-bar a.times2 {display: inline-block;}


			.info-bar a.btn, .info-bar a.btn:visited {
				font-size: .9em;
				margin: 2px 30px 3px 30px;
				padding: 2px 15px; 
				border: 1px solid #fff;
			}

			.info-bar a.btn:hover {
				color: rgba(27,174,117,1);
				background-color: #fff;
			}
			.info-bar a.phone{
				margin: 3px 5px 10px 0px;
				width: 24px;
				height: 24px;
				background: url(../images/phone3b.png) no-repeat 4px 3px;
				background-size: 18px 18px;
			}

			header a.logo {	left: 30px; top: 5px; width: 100px; height: 100px;}


		
			/* Navigation */
				.navbar-default {
					height: 70px;
			  		padding-left: 150px;
			  		padding-top: 35px;
				}

				.nav.navbar-nav{ /* Adjust menu to fit in smaller nav */
					margin-top: -35px;
				}

		/* WELCOME */

			#welcome h1 { font-size: 3.5em; }
			#welcome h2 { font-size: 1.3em; }
			#welcome p { font-size: 1.1em; }
			#welcome { padding: 15px 15px; }
			#welcome { margin: -200px 0px 0px 0px;
				/*border-top: 5px dashed red; /****************************************   dashed red *********** REMOVE */
				box-shadow: 6px 6px 5px rgba(0,0,0,.33);
			}
		
	}

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

		/*#welcome { border-top: 5px solid blue; } /****************************************   BLUE *********** REMOVE */

		/* SPECIALS */

			.sixty-plus {
				max-width: 100%;
			}

			section.special-weekends {
				background: url(../images/oildown3.png) no-repeat 97% top;
				background-size: 35%;
			}

		/* OFFERS */

		.two aside { position: relative; display: block; width: 100%; clear: both;}

		.two.offers aside.signup h1 { padding-top: 30px;  }		

		.two.offers aside.signup { 
			background: url(../images/signup1.png) no-repeat center center;
			background-size: 75%;
			color: #fff;
			min-height: 390px; 
		}	

		.menu h1, .content-page h1 {
			font-size: 3em;
		}

		.one.menu h2.titles, .content-page h2.titles {
			font-size: 1.7em;
		}				

		.content-page .event-item {
			margin: 10px auto;
			width: 90%;
		}

	}

	@media screen and (max-width:767px) {   /* ************ HAMBURGER NAV CHANGE **************** */

		/* WELCOME */

			#welcome h1 { font-size: 3.3em; }
			#welcome h2 { font-size: 1.2em; }
			#welcome p { font-size: 1em; }
			#welcome { padding: 15px 15px; }

		/* Navigation */

			nav {
				background-color: rgba(255,255,255,.5) !important;
			}

			.content-img{
				/*background: url(../images/nutmeg-logo512.png) no-repeat 0 0; */
				background: url("../images/bkImgQuote4.jpg") no-repeat 0 -50px;
				background-size: cover;
			}

			.content-img2{
				background: url("../images/bkImgQuote5.jpg") no-repeat 0 -50px;
				background-size: cover;
			}

			#bk-img {
				position: absolute;
				left:0;
				top:100px;
			}

			#menu-img {
				position: absolute;
				left:0;
				top:-100px;
			}

			#catering-img {
				position: absolute;
				left:0;
				top:-150px;
			}


			.navbar-header button {
				background-color: rgba(27,174,117,1);
				border: none;
				border-radius: 0px;
				padding-top: 12px;
				padding-bottom: 12px;
				color: #fff;
			}

			.navbar-header button:hover {
				background-color: rgba(31,31,31,1) !important;
			}

			.navbar-default .navbar-toggle .icon-bar {
			    background-color: #fff;
			}

			button.navbar-toggle { /* Collapse Menu BUTTON */
				margin-top: -20px; 
				margin-right: 15px; 
				margin-bottom:0; 
			}

			.navbar-default .navbar-toggle:focus { background-color: rgba(31,31,31,1) !important;}

			.navbar-default { padding-left: 50%;} /* Positions Collapse Menu horizontally*/

			ul.nav.navbar-nav { margin-top: 5px; } /* Lowers Collapse Menu to adjust to nav's height */

			#collapsemenu ul { background-color: rgba(31,31,31,1); color: #fff;}  /* MAIN MENU */  
								

			#collapsemenu ul > li > a { /* MAIN MENU LIST ITEMS */
				margin-top:0 !important;
				padding-top: 5px !important; 
				margin-bottom:0;
				color: #fff;
			}

			#collapsemenu ul > li > ul > li > a { 
				background-color: rgba(0,0,0,0); 
				width:85% !important; 
				margin-top:0;
				margin-bottom:0;
				color: #fff !important;
			}

			#collapsemenu #home { color: rgba(27,174,117,1) !important; }
			

			nav {	position: static; 	width: auto;	padding: 30px 15px;	background-color: #4b0a0c;}
			
			nav #collapsemenu {
				border:none;
				margin-top: 11px;
			}


			nav #collapsemenu ul,
			nav #collapsemenu ul li a,
			nav #collapsemenu ul li ul li a {
				display: block;
				position: static;
				width: 100%;	
				border: none;	
			}

			nav #collapsemenu ul li ul li a {
				color: rgba(0,0,0,.75);
			}
			
			nav #collapsemenu ul li ul li a:hover {
				background-color: rgba(255,255,255,.05);
				padding-bottom: 3px;
			}


			nav > ul {	padding: 0;}
			nav > ul > li {	float: none;	margin-top: 25px; }
			
			nav #collapsemenu ul li:hover {	
				background-color: rgba(255,255,255,.3);
			}
			
			nav ul li a {
				width: auto;
				display: block;
				margin: 8px 10px;
				padding: 8px 15px;
				
			}
			
			nav ul li a:hover {
				background-color: rgba(255,255,255,.2);
			}
			
			nav ul ul {	background: none; }
			
			nav ul ul li a {	margin-left: 30px; }
			
			nav ul ul ul li a {	margin-left: 60px; }
			
			nav a[aria-haspopup="true"]::after { display: none; }


		/* WELCOME */

			#welcome h1, .menu h1 {
			}

			#welcome h2{
			}

			#welcome p {
			}

			#welcome{
				z-index: 0;
				left: 0;
				right: 0;
				width: 100%;
				margin: 0px auto;
				padding: 20px 30px; 
				border-top: 5px solid rgba(27,174,117,1);
				border-bottom: 5px solid rgba(31,31,31,1);
				box-shadow: 6px 6px 5px rgba(0,0,0,0);
				margin-top: 200px; 
			}

			section.one.menu, section.content-page {
				margin-top: 0px;
				border-top: 5px solid rgba(27,174,117,1);

			}

			section.about {
				margin-top: 0px;
				padding-top: 30px;
				padding-bottom: 0px;
				border-top: none;
			}

			section.contact-us{
				border-top: 5px solid rgba(27,174,117,1);
			}

	}

	@media screen and (max-width:650px) { /* BK-IMG ReMOVED */

		#bk-img { height: 100px; }


			#welcome{
				position: relative;
				display: block;
				margin: 0px auto;
				padding: 20px 30px; 
				margin-top: 0px;
			}

		/* SPECIALS */

			section.special-weekends {
				background: url(../images/oildown3.png) no-repeat 97% 20%;
				background-size: 35%;
			}

			section.special-weekends h1.sixty { max-width: 100%; }

		/* FOOTER */

			.three aside { position: relative; display: block; width: 100%; clear: both; text-align: center;}

			.three.foot aside h2 {text-align: center;}

			.copy-design { text-align: center; }
			.copy-design p, .copy-design a { position: relative; display: block; margin: 10px auto; width: 100%; text-align: center; }

		/* CONTACT PAGE ====================================================================================*/

			section.contact-us div.contact-window {
				width: 100%;
				padding: 30px
			}

			section.contact-us div.contact-window h1 { font-size: 2em; padding-left: 0px;}
			section.contact-us div.contact-window span .textbox { width: 100%; margin-left: 0px;	}
			section.contact-us div.contact-window span .textareabox { width: 100%;	margin-left: 0px; }

			section.contact-us div.contact-window div.captchabox {
				display: inline-block;
				margin: 6px 10px 10px 0px;
				width: 100%;
			}

			section.contact-us div.contact-window .btn500 {
				display: block;
				clear: right;
				width: 100%;
				height: 50px;
				margin: 10px auto;
				font-size: 1.3em;
			}

		#catering-img {
			position: absolute;
			left:0;
			top:-100px;
		}
	}


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

		.info-bar p {
			font-size: .8em;
			margin-top: 4px;
			margin-bottom: 5px;
			/*background-color: red;   /************************************************************************RED *** REMOVE */
		}

		.info-bar a.btn, .info-bar a.btn:visited {
			font-size: .8em;
			margin: 3px 15px 3px 30px;
			padding: 2px 10px; 
			border: 1px solid #fff;
		}

		.info-bar a.btn:hover {
			color: rgba(27,174,117,1);
			background-color: #fff;
		}

		

		.info-bar a.phone{
		margin: 4px 3px 5px 0px;
		width: 20px;
		height: 20px;
		background: url(../images/phone3b.png) no-repeat 4px 2px;
		background-size: 15px 15px;
		}

		#menu-img, #catering-img { min-height: 150px;}

		#catering-img { min-height: 200px;}
		

		/* SPECIALS */

			section.special-weekends {
				background: url(../images/oildown3.png) no-repeat 97% 25%;
				background-size: 35%;
			}

			section.special-weekends h1.sixty { max-width: 100%; }

			/* SPECIAL WEEKENDS */

				.sixty, .sixty-plus { max-width: 100%; }


				section.special-weekends {
					padding: 100px 0px 0px 0px;
					background: url(../images/oildown3.png) no-repeat center 1%;
					background-size: 130px;
				 }

		 /* SOCIAL */

			.social .instagram, .social .twitter, .social .facebook { height: 3em; width: 3em; }

		/* MENU PAGE */

			.menu aside .menu-item p { margin-left: 132px; }


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

		.info-bar {
			height: 70px;
		}	

		.info-bar p {
			display: block;
			font-size: .9em;
			/*background-color: blue;   /*********************************************************************** REMOVE ****      BLUE    */
		}

		.info-bar a.btn{		
			display: block;
			float: right;
			margin-left: 40%;
			margin-right: 0px;
			right: 0;
		}

		header a.logo {
			top: 5px;	left: 20px !important;
		}

		/* MENU PAGE */
	
			.img-wrap { 
				position: relative; 
				display: block; 
				margin: 0 auto;
				width: 100px; 
			}

			.menu aside .menu-item img {
				width: 100px; 
				margin-bottom: 10px;
			}

			.menu aside .menu-item h2 {
				position: relative;
				display: block;
				clear: both;
				margin: 0 auto;
				text-align: center;
			}

			.menu aside .menu-item p {
				margin: 0 auto;
				text-align: center;
				padding-left: 10px; 
			}
		
			#menu-img, #catering-img {
					position: absolute;
					left:0;
					top:0;
				}

			.menu aside .menu-item { text-align: center;}

		.content-page .event-item a {
			display: block;
			float: none;
			margin: 10px auto;
			margin-top: 0px;
		}
		
	}


	@media screen and (max-width:425px) {
		
		nav #collapsemenu {
			min-width: 250px;
		}
	
	}


	@media screen and (max-width:370px) {
		.menu aside .menu-item p.inline1 {font-size: .7em;}			}

			.menu aside .menu-item p.inlinered1 { font-size: .7em; }