/* --------------------------------------------------------------------------- */

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; background: #eeefe3 url(../images/grunge-background2.png); }
body {
	margin:0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:16px;
	color: #525252;
}
img { max-width:100%; height:auto; }
iframe { max-width:100%; height:auto; }
.rightimg { float:right; margin:0 0 10px 10px; max-width:50%; } 
.leftimg { float:left; margin:0 10px 10px 0; max-width:50%; } 
a { } 
a:hover { text-decoration:none; }
body > div > div { 
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}
h1, h2, h3, h4 { margin:1em 0 0.2em; }
h1+*, h2+*, h3+*, h4+* { margin-top:0; }

/* --------------------------------------------------------------------------- */
#menuBlock { border-top: 2px solid #43693a; border-bottom: 2px solid #43693a;}
.topNav { list-style:none; margin:0; padding:0;  }
.topNav li { display:inline-block; padding: 20px 30px; }
.topNav li a { display:block; text-decoration:none; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; letter-spacing: 1px; color: #43693a; }
.topNav li:hover {background-color: #43693a; }
.topNav li:hover a{ color: #ececec; }
.menu { display:none; }
li.current { background: #43693a;}
li.current a { color: #ececec; }

@media screen  and (max-width:500px){
	.topNav li a { font-size: 4vw;}
	.topNav li { padding: 20px 20px; }
	img { max-width: 80%; }
}

/* --------------------------------------------------------------------------- */



#headerBlock { background: url(../images/header-background.png); background-size: auto 100%;  }
#headerBlock > div { margin: 0 auto; text-align: center; padding-top: 30px;  padding-bottom: 30px;}
#menuBlock > div { text-align: center; }


.contentArea > div { max-width: 100%; float: left; width: 50%; padding: 30px; }
.contentArea > div:first-child { background: rgba(49,81,35,.7); }
.contentArea > div:first-child > div { float: right; max-width: 700px; color: #ececec;}
.contentArea > div:last-child { background: rgba(236,236,236,0.7); }
.contentArea > div:last-child > div { float: left; }
.contentArea > div:last-child > div p:first-child { font-size: 24px; }
.contentArea a { color: #383838;}
h1 { text-transform: uppercase; }
.contentArea ul  {
	width: 50%; float: left; 
}

.contentArea ul { padding-left: 20px; padding-top: 0;}
.contentArea > div:first-child a { color: #ececec; }


@media screen and (max-width: 900px){
	.contentArea > div { width: 100%; }
	.contentArea > div:first-child { max-width: 100%; }
	.contentArea > div:first-child > div { float: left; max-width: 100%; }
}

@media screen and (max-width: 500px){
	.contentArea ul{
		float: none; width: 100%; 
		margin-top: 0; 
		margin-bottom: 0; 
		
	}
	.contentArea > div:last-child > div p:first-child { font-size: 18px; }
}


/* --------------------------------------------------------------------------- 
		demo page stuff
--------------------------------------------------------------------------- */

body > div { margin-bottom:30px; } 

/* --------------------------------------------------------------------------- */

#sameHeightBlock a { float:left; width:32%; padding:20px; border:1px solid orange; }
#sameHeightBlock a+a { margin-left:2%; }

@media screen  and (max-width:600px){
	#sameHeightBlock a { float:none; display:block; width:100%; }
	#sameHeightBlock a+a { margin-left:0; }
}

/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */

#footerBlock > div > div:nth-of-type(1) { float:right; }
#footerBlock > div > div:nth-of-type(2) { float:left; }
#footerBlock a { color: #525252; }


@media screen and (max-width: 500px){
	#footerBlock > div > div:nth-of-type(1) { float:none; }
#footerBlock > div > div:nth-of-type(2) { float:none; }
}
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */