@charset "UTF-8";




/* ----------------- RESET ALL STYLES ----------------- */
*
{
margin:0; 
padding:0; 
border:0;
}

body{ background: #FFFFFF; 
font: 18px  'Raleway', sans-serif;color:#777; line-height: 1.5em; text-align: justify;-webkit-font-smoothing: antialiased;
}



header{ 
margin:auto; 
width:100%; 
height:auto; background:#009640;
 }

header h5 span{

font-family:  'Raleway', sans-serif;
 color:#FFFFFF; font-size:160%;
 }



.clearfix {
float: none;
	clear: both;
}



.wrapper {
margin:auto;
	width:60%;
	height:auto;
}

#top{
	height:auto;
}


#logo{
	margin-top:2%;
	text-decoration:none; color:#fff;
}


#logoimage{
	width:180px;
	padding-right:0px;
	float:left;
}




nav {display: block;width: 100%;margin:3px auto;text-align: center;}
nav ul { list-style: none;}
nav li {display: inline-block;}
nav a {display: inline-block; background: transparent; color: #fff; padding: 5px 15px;
border: 0px solid white;text-decoration: none;font-family:  'Raleway', sans-serif;text-transform:uppercase;font-size: 16px; font-weight:bold;}
nav a:hover {border: 0px solid white; background:transparent; color:#D8FF8A;
font-family:  'Raleway', sans-serif;text-transform:uppercase;font-size: 16px; font-weight:bold;}
nav a:active {background: #fff; color:#000;}
nav select { display: none;}


a {text-decoration : none; color : #F09000; font-weight: normal; text-decoration:underline;}
a:hover {text-decoration : none; color : #6FA600; font-weight:normal;}


.effect1{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.1);letter-spacing: 0.3em; }
.effect2{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.5);letter-spacing: 0.3em; }


h1 {font-size:62px; color:#009640;  text-align: center; font-family:  'Raleway', sans-serif; text-transform: none; font-weight: 400;   padding: 20px 0px 30px 0px; line-height:1.5em; }
h2 {font-size:25px;color:#009640; text-transform: none;text-align: center; font-family:  'Raleway', sans-serif;  font-weight: bold;margin-bottom:1%;
}
h3 { font-family:  'Raleway', sans-serif;
font-size:26px;
font-weight:normal;
text-align:center;
color:#009640;
margin-bottom:1%;

}

h4{font-size:22px;color:#009640; text-align: left; font-family: 'Raleway', sans-serif;  font-weight: bold;margin-bottom:1%; }
h5{font-size:19px;color:#009640; text-align: center; font-family: 'Raleway', sans-serif;  font-weight: bold;margin-bottom:2%;}
h6{font-size:18px;color:#009640; text-align: left; font-family: 'Raleway', sans-serif;  font-weight: bold;margin-bottom:2%;}


.left{ 
margin-top:4%;
width:48%;
float:left;
margin-bottom:2%;
}

.left h2{ font-family:  'Raleway', sans-serif;text-transform: none; 
font-size:180%;
font-weight:bold;
text-align:left;
color:#009640;
margin-bottom:5%;}

.left p{ 
font-family: 'Raleway', sans-serif;
font-size:100%;
line-height:140%;
}

.right{
 margin-top:4%;
width:48%;
float:right;
margin-bottom:2%;
}


.right h2{ font-family:  'Raleway', sans-serif;text-transform: none;
font-size:180%;
font-weight:bold;
text-align:left;
color:#009640;
margin-bottom:5%;

}


.right p{
	font-family: 'Raleway', sans-serif;
font-size:100%;
	line-height:140%;
}



hr{
height:1px;
width:100%;
	background-color:#2d2d2d;
	margin:1% 0;
}




img.scaled {width: auto; /* Firefox */max-width: 100%;max-height: 100%;}
img.liquid {width:100%;}
.imgleft {float : left;border : 0;margin : 5px 10px 10px 0px;padding : 5px;}
.imgright {float : right;border : 0;margin : 5px 10px 10px 0px;padding : 5px;}


.btn-2{color:#fff; background:#669900;font-size:16px;text-decoration:none;padding:10px 14px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0px;text-shadow:none;border:1px;
border-color:#669900;border-style:solid;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-2:hover{color:#000;  background:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-decoration:none;}


footer{
	width:100%; padding:30px 0;
	background-color:#009640;
 color: #fff;}



footer a {text-decoration : none; color : #fff; font-weight : normal;}
footer a:hover {text-decoration : underline; color : #D8FF8A; font-weight : normal;}
footer p {color: #FFFFFF; text-align:center; font-size:18px;}


/* ---------------------- RESPONSIVE----------------------  */

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

.wrapper{
width:90%;
	}

}

@media only screen and (max-width: 860px) {
	
h1{
font-size:160%;
}

h2{
font-size:110%;
}
	
	
header h5 span{
font-size:110%;
}
header h6 span{
font-size:110%;
}	
}
@media only screen and (max-width: 720px) {
	
	
#logo{
width:150px;
display:block;
margin:auto;
	margin-bottom:5%;
}
	
	
header h5{
font-size:100%;
	margin-bottom:5%;
}
header h6{
font-size:100%;
	margin-bottom:5%;
}	
	
.left{
width:100%;
	}
	
	
.right{
width:100%;
}
}


@media (max-width: 960px) {
nav ul     { display: block; text-align:center;}
nav select { display: inline-block; }}