@charset "utf-8";
/* CSS Document */
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote {
	padding: 0;
	margin: 0;
}
a{
	text-decoration:none;
}
a:link, a:visited, a:active{
	color:#45a12b;
}
table {
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
strong{
	font-weight: bold;
}
ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}
ol{
	width:90%;
	margin:0 auto;
}

caption,th {
	text-align: left;

}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	margin:0;
	padding:0;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}
/* Custom CSS
 * --------------------------------------- */
body{
	
	font-family:'Open Sans', 'Open Sans Condensed',  sans-serif;
    font-size:1em;
}
h1{
	font-size: 3em;
	font-weight:600;
	max-width:90%;
	margin:0 auto;
	padding: 20px;
	text-shadow:1px 1px 2px #BFD684;
	text-align: center;
}
h2{
	font-size: 1.5em;
	max-width:90%;
	margin:0 auto;
	padding: 20px;
	color:#BFD684;
	text-shadow:1px 1px 1px #888888;
}
h3{
	font-size: 1.25em;
	color:rgba(61,73,112,1.00);
	text-align: left;
	max-width: 80%;
	margin:0 auto;
}
p{
	font-size: 1em;
	margin-bottom: 30px;
	max-width:80%;
	margin:0 auto;
}
img{
	display: block;
	max-width: 100%;
}
.section{
	text-align:center;
	position: relative;
}
.clear, .clear2, .clear3{
	clear:both;
	display:block;
	/*height:1px;
	background-color: #FF0000;*/
}
.center{
	/*width:70%;*/
	margin:0 auto;
	position:relative;
}
.box25 {
	width:25%;
	max-width: 25%;
	padding:0;
	margin:50px 0 0 0;
	float:left;
	box-sizing: border-box;
}
.box33 {
	width:33.3%;
	max-width: 33.3%;
	padding:0 20px;
	margin:50px auto;
	float:left;
	box-sizing: border-box;
}
.box50 {
	width:50%;
	max-width:50%;
	padding:0 20px;
	margin:50px auto;
	float:left;
	box-sizing: border-box;
}
.box50 img{
	display: block;
	max-width:100%;
	height: auto;
	margin:auto;
}
.box50 span, .bo33 span, .box25 span{
	text-align: left;
}
.box50 p, .bo33 p, .box25 p{
	text-align: left;
	margin-bottom: 30px;
}
.content-b .box50, .content-b .bo33, .content-b .box25{
	text-align: left;
}

@media all and (min-width: 800px){
	.clear2{
		display:none;
	}
	.clear3{
		display:block;
	}
	
}
@media all and (max-width: 800px){
	.box33{
		width:50%;
		max-width:50%;
	}
	.clear2{
		display:block;
	}
	.clear3{
		display:none;
	}
}
@media all and (max-width: 640px){
	.box25, .box33, .box50{
		width:90%;
		max-width:90%;
		margin:10px auto;
		float: none;
	}
	.clear2{
		display:none;
	}
	.clear3{
		display:none;
	}
}
/* SECTIONS======================================*/
nav{
	position:fixed;
	top:0;
	width:100%;
	height:7%;
	min-height:90px;
	background:#ffffff;
	z-index:1;
	border-bottom: 1px solid #BFD684;
}
nav #navlogo{
	position:absolute;
	top:10px;
	right:3%;
	max-height:120px;
}
nav #open{
	position:absolute;
	top:10px;
	left:10px;
	font-size:1.1em;
}
nav a:link, nav a:visited{
	color:#3b3b3b;
}
nav a:hover{
	color:#45a12b;
}
@media all and (max-width: 800px){
	nav{
		height:auto;
	}
	nav #navlogo{
		display:block;
		margin:0 auto;
	}
	
}
nav ul#desktopnav{
	position:absolute;
	top:53px;left:0;
	font-size: 1.2em;
	color: #465E87;
	text-shadow: 1px 1px 2px #465E87;
	font-weight: 600;
}
nav ul#desktopnav li{
	display: inline-block;
	padding:5px 10px 5px 5px;
	border-right: 1px solid silver;
}
@media all and (max-width: 1000px){
	nav ul#desktopnav{
		top:57px;
		font-size:1em;
	}
}
@media all and (max-width: 800px){
	nav ul#desktopnav{
		top:62px;
		font-size:0.8em;
	}
}
nav #opennav{
	position:absolute;
	top:40px;left:5%;
	display:none;
	width:90%;
	height:auto;
}
nav #opennav img{
	position:absolute;
	left:0;
}
nav ul#mobilenav{
	position:relative;
	
	display:none;
	width:100%;
}
nav ul#mobilenav li{
	width:100%;
	background-color: rgba(191,214,132,0.9);
	margin-bottom:3px;
	padding:15px 0;
}
@media all and (max-width: 640px){
	nav ul#desktopnav{
		display:none;
	}
	nav #opennav{
		display: block;
	}
	nav #opennav:hover ul#mobilenav{
		display: block;
	}
}

/* ====================== */
/* ==== 
BFD684 
779921
FFF39D
DDE1FF
698ECC
465E87
====*/
#s1{
	background-image:url(../img/change02.jpg);
}
#s1 h1{
	font-size: 3em;
	font-weight:600;
	max-width:90%;
	margin:0 auto;
	color:#ffffff;
	text-shadow:1px 1px 2px #000000;
}
@media all and (max-width: 800px){
	#s1 h1{
		font-size: 1.5em;
	}
}
/* ====================== */
#s2{
	background-color:#ffffff;
	color:#000000;
}
#s2 p{
	text-shadow:1px 1px 2px #BFD684;
}
@media all and (max-width: 1000px){
	#s2 p{
		max-width:90%;
		font-size:1.2em;
	}
}
@media all and (max-width: 800px){
	#s2 h1{
		font-size: 1em;
	}
}
/* ====================== */
#s3{
	background-image:url(../img/wiese2.jpg);
	padding:50px 0;
	color:#ffffff;
	text-shadow:1px 1px 2px #465E87;
	font-weight: 600;
	font-size: 1.2em;
}
#s3 .box33 .inner33{
	background-color: rgba(255,255,255,0.8);
	margin:10px;
	padding:10px;
	color:#000000;
}
#s3 table{
	margin:0 auto;
}
@media all and (max-width: 800px){
	#s3 .box33 .inner33{
		background-color:rgba(255,255,255,0);
	}
	#s3 .box33{
		width:90%;
		max-width:90%;
		margin:10px auto;
		float: none;
		background-color: rgba(255,255,255,0.8);
	}
	#s3 .desktop{
		display:none;
	}
}
/* ====================== */
#s4{
	background-image:url(../img/wiese.jpg);
}
#s4 h1{
	font-size:5em;
	font-weight:400;
	margin:50px auto;
	color:#fff;
	text-shadow:1px 1px 2px #000000;
}
@media all and (max-width: 800px){
	#s4 h1{
		font-size: 1.5em;
	}
}
/* ====================== */
#s5{
	color:#000000;
	background-color:#ffffff;
}
#s5 p{
	text-shadow:1px 1px 2px #BFD684;
}
@media all and (max-width: 1000px){
	#s5 p{
		max-width:90%;
		font-size:1.2em;
	}
}
/* ====================== */
#s6{
	background-image:url(../img/wood-tile-08.jpg);
	background-repeat: repeat;
}
#s6 h1{
	font-size:5em;
	font-weight:400;
	margin:50px auto;
	color:#fff;
	text-shadow:1px 1px 2px #000000;
}
@media all and (max-width: 800px){
	#s6 h1{
		font-size: 1.5em;
	}
}
/* ====================== */
#s7{
	/* http://colorzilla.com/gradient-editor/#bfd684+0,779921+100 */
	background: #ffffff;
	color:#000000;
}

#s7 .content-b>p{
	max-width: 90%;
	text-align: left;
	margin: 10px auto 30px auto;
}
#s7 p{
	text-shadow:1px 1px 2px #BFD684;
}
@media all and (max-width: 1000px){
	#s7 p{
		max-width:90%;
		font-size:1.2em;
	}
}
/* ====================== */
#s8{
	background-image:url(../img/change03.jpg);
}
#s8 h1{
	font-size:5em;
	font-weight:400;
	padding:50px auto;
	color:#ffffff;
	text-shadow:1px 1px 2px #000000;
}
#s8 img{
	display:block;
	max-width:100%;
	margin:0 auto;
}
#s8 .mobile{
	display:none;
}
@media all and (max-width: 1000px){
	#s8 .mobile{
		display:block;
	}
}
@media all and (min-width: 1000px){
	#s8 .mobile{
		display:none;
	}
}
@media all and (max-width: 800px){
	#s8 h1{
		font-size: 1.5em;
	}
}
/* OVERLAY======================================*/
#overlay {
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    height:100%;
    width:100%;
    background:#000;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
    display:none;
}
 
 
#container {
	color:#3b3b3b;
    position:fixed!important;
    
    height:80%;
    width:80%;
    top: 10%;
    left: 10%;
    background-color: #ffffff;
    border: 3px solid #bfd684;
    display:none;
    z-index:1002;
    padding:10px;
	overflow:auto;
}
#container a:link, #container a:visited{
	color:#3b3b3b;
}
#container p{
	margin:15px 0;
}