/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background: url("../images/bg.png") repeat 0px 0px;
}
.wrap {
	width:60%;
	margin:0 auto;
}
h1,h2,h3,h4,h5,h6{
	margin:0;	
}
h1 {
	font-family: 'Economica', sans-serif;
	text-align:center;
	color:#fff;
	font-size:3em;
	margin-top: 2em;
	color:#000;
}
.span_1_of_3 h5{
	color:#fff;
	font-size:1.2em;
	margin-top:1em;
}
.clear {
	clear:both;
}
.main_content {
    margin-top: 3em;
}
.w1 {
    background-color: rgba(6, 179, 219, 0.61);
	padding:3em 0 0 0;
}
.w2 {
    background-color: rgba(78, 212, 134, 0.63);
	padding:3em 0 0 0;
}
.w3 {
    background-color: rgba(97, 57, 246, 0.68);
	padding:3em 0 0 0;
}
.w4 {
    background-color: rgba(227, 182, 61, 0.65);
	padding:3em 0 0 0;
}
.w5 {
    background-color: rgba(220, 61, 102, 0.62);
	padding:3em 0 0 0;
}
.w6 {
    background-color: rgba(189, 84, 205, 0.63);
	padding:3em 0 0 0;
}
.span_1_of_3 {
	float:left;
	width:33.333%;
	text-align:center;
	min-height: 185px;
}
.footer {
	margin-top:8%;
	text-align:center;
}
.footer p {
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#000;
	margin: 2em 0;
}
.footer p a{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#000;
	text-decoration:none;
}
.footer p a:hover {
	text-decoration:underline;
}
/*-- responsive-mediaquries --*/
@media(max-width:1680px){
	h1 {
		font-size: 3.1em;
		margin-top: 2.5em;
	}
	.main_content {
		margin-top: 4em;
	}
	.span_1_of_3 {
		min-height: 190px;
	}
}
@media(max-width:1440px){
	h1 {
		font-size:3em;
		margin-top: 1.5em;
	}
	.main_content {
		margin-top: 3.5em;
	}
}
@media(max-width:1366px){
	h1 {
		font-size:2.9em;
		margin-top: 1.4em;
	}
	.main_content {
		margin-top: 3.3em;
	}
	.wrap {
		width:63%;
		margin:0 auto;
	}
	.footer p {
		margin: 1em 0 2.5em 0;
	}
}
@media(max-width:1280px){
	.main_content {
		margin-top: 3.2em;
	}
	.wrap {
		width:65%;
		margin:0 auto;
	}
	.span_1_of_3 img {
		width:30%;
	}
	.footer p {
		font-size: 0.95em;
	}
}
@media(max-width:1024px){
	.main_content {
		margin-top: 3.2em;
	}
	.wrap {
		width:80%;
		margin:0 auto;
	}
	.span_1_of_3 {
		min-height: 160px;
	}
	.span_1_of_3 {
		min-height: 165px;
	}
	.footer {
		margin-top: 6%;
	}
	h1 {
		font-size: 2.8em;
		margin-top: 1.1em;
	}
	.main_content {
		margin-top: 2.5em;
	}
}
@media(max-width:800px){
	h1 {
		font-size: 2.6em;
		margin-top: 1em;
	}
	.wrap {
		width: 90%;
		margin: 0 auto;
	}
	.span_1_of_3 h5 {
		font-size: 1.1em;
		margin-top: 0.7em;
	}
	.span_1_of_3 {
		min-height: 155px;
	}
}
@media(max-width:667px){
	.span_1_of_3 {
		min-height: 150px;
	}
}
@media(max-width:640px){
	.span_1_of_3 h5 {
		font-size: 1em;
		margin-top: 0.5em;
	}
	.span_1_of_3 {
		min-height: 140px;
		padding: 2.4em 0 0 0;
	}
	.footer p {
		font-size: 0.875em;
	}
	h1 {
		font-size: 2.4em;
	}
	.main_content {
		margin-top: 2em;
	}
}
@media(max-width:568px){
	.span_1_of_3 {
		min-height: 137px;
		padding: 2.4em 0 0 0;
	}
}
@media(max-width:480px){
	.span_1_of_3 {
		width: 50%;
	}
}
@media(max-width:384px){
	.span_1_of_3 {
		min-height: 135px;
	}
}
@media(max-width:375px){
	h1 {
		font-size: 2.2em;
	}
}
@media(max-width:320px){
	h1 {
		font-size: 2em;
		margin-top: 0.8em;
	}
	.main_content {
		margin-top: 1.5em;
	}
	.span_1_of_3 {
		min-height: 115px;
		padding: 2em 0 0 0;
	}
	.span_1_of_3 h5 {
		font-size: 0.95em;
	}
	.span_1_of_3 img {
		width: 35%;
	}
}