/*
	CSS Index
	
	01 General Selectors
		01-A General Selectors Responsive
	02 Heading
		02-A Responsive Heading
	03 Navigation	
	04 Section Head
		04-A Responsive Section Head
	05 Body Content
		05-A Responsive Main Content
		05-B Paralax Div
	06 Footer
		06-A Responsive Footer
	07 Home Page
		07-A Responsive Home Page
	08 About Section
		08-A Responsive About Section
	09 Team Section
		09-A Responsive Team Section
*/

/* 01 General Selectors
------------------------------------------------------------------------*/
html, body { 
	height:100%; 
}
body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.0em; 
	margin: 0;
}
h1, h2, h3, h4, h5, h6 { font-family:'Oswald',sans-serif; margin:0; padding:0; }
a { color:#7A9076; text-decoration:none; }
a:hover { color: #fff; text-decoration:underline; }
#container { 
	background: #020202; 
	color: #fff; 
	min-height: 100vh; 
	position:relative; 
}
#container.parallax-enabled {
	background: transparent;
}
#container .content-wrap {
	padding-bottom: 20px; /* height of footer */
}

#container .content-wrap .mobile-banner {
	display: none;
	width: 100%;
}

.clear { clear:both; }

	/* 01-A General Selectors Responsive */
@media screen and (max-width: 768px) {
	#container .content-wrap .mobile-banner { display: inline-block; }	
}

/* 02 Heading
------------------------------------------------------------------------*/
header { 
	background: #020202; 
	height:auto; 
	max-width:1920px; 
	margin:0 auto; 
	position:relative; 
	width:100%; 
}
header  .logo-wrap { 
	text-align: center;
	position: relative;
}
header .logo-wrap img {
	max-width: 348px;
	width: 25%;
}

	/* 02-A Responsive Heading
	------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	header { display: none; }
	header  .logo-wrap {
	
	}
	header .logo-wrap img {
		min-width: 187px;
		width: 40%;
	}	
}

/* 03 Navigation
------------------------------------------------------------------------*/
#cssmenu ul ul { z-index:2; }
#cssmenu > ul > li {
	text-align: center;
	width: 20%;
}

#menu-button .mobile-logo {
	display: inline-block;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 10px;
	width: 65px;
}
#menu-button .mobile-logo img {
	width: 100%;
}
/* 04 Section Head
------------------------------------------------------------------------*/
#section-wrap { background:url(../images/bg-header.png) repeat; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; height:75px; position:relative; width:100%; }
#section-wrap #section-inner { bottom:0; font-family:'Oswald',sans-serif; height:50%; left:0; max-width:960px; margin:auto; position:absolute; right:0; top:0; width:100%; }
#section-wrap #section-inner h1 { color: #fff; font-size:1.5em; font-weight:300; }
	/* 04-A Responsive Section Head
	------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#section-wrap #section-inner { padding:0 15px; }
}

/* 05 Body Content
------------------------------------------------------------------------*/
/* old
.main-wrap {
	background: #020202; 
	margin: 20px auto;
	max-width: 1275px;
	width: 85%;
}
*/
.main-wrap {
	background: #020202; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
	margin: 0 auto;
	max-width: 1920px;
	padding: 20px;
	width: 100%;
}
.main-wrap  .content-wrap h1,
.main-wrap  .content-wrap h2 {
	color: #7A9076;
}
	/* 05-A Responsive Main Content */
@media screen and (max-width: 768px) {
	.main-wrap { }
}
	/* 05-B Paralax Div */
@media screen and (max-width: 768px) {
	/*	
	.parallax-window { display: none;}
	*/
}	
	
/* 06 Footer
------------------------------------------------------------------------*/
footer { 
	background: #333; 
	bottom: 0; 
	color: #fff; 
	font-size: 0.7em; 
	height: 20px; 
	left: 0;
	margin: 0 auto; 
	padding: 20px 0; 
	position: absolute;
	text-align: center; 
	width: 100%; 
}

	/* 06-A Responsive Footer
	------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	footer { 
		font-size:0.6em; 
	}
}
@media screen and (max-width: 320px) {
	footer { 
		font-size:0.5em; 
	}
}

/* 07 Home Page
------------------------------------------------------------------------*/
#index  {
	background: #020202;
	position: relative;
	width: 100%;
}
#index .splash-wrap {
	margin: 0 auto;
	max-width: 1350px;
	overflow: hidden;
	/*position: fixed;*/
	text-align: center;
	width: 90%;
}
#index .splash-wrap img {
	-webkit-transition: transform 0.3s ease-in-out 0s;
		   -moz-transition: transform 0.3s ease-in-out 0s;
			-ms-transition: transform 0.3s ease-in-out 0s;
			 -o-transition: transform 0.3s ease-in-out 0s;
				transition: transform 0.3s ease-in-out 0s;	
	vertical-align: top;
	width: 85%;
}
#index .splash-wrap img:hover {
	transform: scale(1.025);
}
#index .content-wrap {
	text-align: center;
}
#index .content-wrap p.rule-paragraph {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 25px 15%;
}

	/* 07-A Responsive Home Page */
@media screen and (max-width: 768px) {
	#index .content-wrap p.rule-paragraph {
		padding: 25px 0;
	}
}

/* 08 About Section */
.main-wrap#about {
	margin: 250px auto 0;	
}
	/* 08-A Responsive About Section */
@media screen and (max-width: 768px) {
	.main-wrap#about { margin: -5px auto 0; }
}	
	
/* 09 Team Section */
.main-wrap#team {
	margin: 250px auto 0;	
}

	/* 09-A Responsive About Section */
@media screen and (max-width: 768px) {
	.main-wrap#team { margin: -5px auto 0; }
}