html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #ddd;
	font-family: BrandonGrotesque-Regular, sans-serif;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	margin: 30px 0 10px 0;	
}

h1{	font-size: 5em; padding: 0px; color: #000; font-weight: bold;   font-family: 'Archivo Black', sans-serif;}

@media only screen and (max-width: 480px) {
h1 {font-size: 2em;}	

}

h2{font-size: 2em;   color: #000; padding: 0 23px; font-family: 'Archivo Black', sans-serif; line-height: 1.6em;}

h3{	font-size: 1.4em; line-height: 1.6em; padding: 0 15%;  font-family: 'Archivo Black', sans-serif;}

h4, h5, h6
{	font-size: 1.4em;}

p{font-size: 1.1em; margin: 0 18px 6px 18px; padding:0; font-weight: normal;}

.sml{font-size:.6em;  letter-spacing: .1em;}

a, a:link, a:active, a:visited, a:hover
{color: #CF7000; border-bottom: 0;text-decoration: none; outline:none;}

a {outline: none;}

a:hover{color: #FF8A00; border-bottom: 0px dotted #f00;text-decoration: none; outline:none;}

ul li {	list-style-type: none;	margin: 0px;	padding: 0px;}


/* menu stuff g'wan 'ere*/

nav:not(.mm-menu)
{display: none;}


#menu p{color: #3B4E4F; padding: 20px; font-size: 1em; background: transparent; }
#menu h3 {font-size: 1.2em;}




.header,
.content,
.footer
{
	text-align: center; 
}
.header
{
	background: transparent;
		font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 90%; top: 0;
	height: 40px; 
	padding: 0 50px; position: fixed;}
	
	.header2
{
	background: #000;
		font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0;
	height: 40px; opacity: .92;
	padding: 7px 0px 0 0; position: fixed;}
	
	.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 12px;
}
	
	

.header.fixed
{ position: fixed; top: 0; left: 0; }



#intro {background: #FAD50A; height: 60px;  padding-top: 0; color: #fff; margin: 0px; } 
#intro img {margin: 40% 4px 10px 4px; max-width: 99.6%; height: auto; background: transparent;}

#first {background: #E3BD89; height: auto; 	padding: 0 0 50px 0; color: #111; border-top: 0px solid #fff;}
#first img, #second img, #third img {max-width: 100%; height: auto; border: 0px; padding: 0;}
#first h3 {font-size: 1.2em;}

.noborder {border: 0px;}


#second {background: #623923;height: auto; border-top: 2px solid #fff;
				padding-top: 0px;padding-bottom: 50px; border-top: 0px solid #fff; }
				
				#second h1 {color: #fff;} 
				#second h2 {color: #fff;}
				#second h3 {color: #fff;}
				#second p {color: #fff;}
				.grey {color: #623923;}

#third {background: #FAD50A; height: auto; padding: 20px 0 10px 0;
 color: #111; border-top: 0px; }

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



#map {background:#E8E0D8; height: auto; padding: 0px; }
#map p {padding: 0;}

.footer
{	background: #000; position: fixed;
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: auto; bottom: 0;
	padding:0px 50px 0px 50px; margin: 0; border-top: 0px solid #ddd;
}

.footer.fixed
{position: fixed; bottom: 0;	left: 0;}

.footer a {color: #fff;}
.footer a:hover {color: #c00;}
.footer h3 {font-size: 1em; line-height: 1.6em; margin: 0; padding: 12px 0; color: #FAD50A; } 


.content
{padding: 40px 0px 50px 0px; background: transparent;}