@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------*/
@media (max-width:1280px){
	
	/************ HEADER CLOUDS ************/

	.headerClouds{
		width:100%;
		height:230px;
	}
	
	.headerImg{
		float:left;
		width:25%;
		position:static !important;
	}

	.headerImgOne{
		padding-top:10px;
		position:static !important;
		width:80%;
	}

	.headerImgTwo{
		padding-top:10px;
		position:static !important;
		width:80%;
	}

	.headerImgThree{
		padding-top:10px;
		position:static !important;
		width:80%;
	}

	.headerImgFour{
		padding-top:10px;
		position:static !important;
		width:80%;
	}
	
	.headerImgFive{
		padding-top:10px;
		position:static !important;
		width:90%;
	}
	
	.headerImgSix{
		padding-top:10px;
		position:static !important;
		width:80%;
	}
	
	
	/************ BODY ************/

	.bodyText h1{
		font-size:42px;
		padding:8px 0 12px;
	}

	.bodyText p{
		font-size:17px;
		padding:12px 0 0;
		line-height:24px;
	}

	.left{
		width:60%;
	}

	.right{
		width:60%;
	}
	
}
	







/*------------------------------------------------------------------*/
@media (max-width:800px){

	/************ HEADER CLOUDS ************/

	.headerClouds{
		width:100%;
		height:168px;
	}
	
	.headerImg{
		float:left;
		width:25%;
		position:static !important;
	}

	.headerImgOne{
		padding-top:10px;
		position:static !important;
		width:80%;
	}

	.headerImgTwo{
		padding-top:10px;
		position:static !important;
		width:80%;
	}

	.headerImgThree{
		padding-top:10px;
		position:static !important;
		width:80%;
	}

	.headerImgFour{
		padding-top:10px;
		position:static !important;
		width:80%;
	}
	
	.headerImgFive{
		padding-top:10px;
		position:static !important;
		width:90%;
	}
	
	.headerImgSix{
		padding-top:10px;
		position:static !important;
		width:80%;
	}
	
	
	/************ BODY ************/

	.bodyText h1{
		font-size:46px;
		padding:8px 0 12px;
	}

	.bodyText p{
		font-size:15px;
		padding:12px 0 0;
		line-height:24px;
	}

	.left{
		width:100%;
	}

	.right{
		width:100%;
	}
	
}














/*------------------------------------------------------------------*/
@media (max-width:720px){
	
	/************ HEADER CLOUDS ************/

	.headerClouds{
		width:100%;
		height:170px;
	}
	
	.headerImg{
		float:left;
		width:25%;
		position:static !important;
	}

	.headerImgOne{
		padding-top:10px;
		position:static !important;
		width:100%;
	}

	.headerImgTwo{
		padding-top:10px;
		position:static !important;
		width:100%;
	}

	.headerImgThree{
		padding-top:10px;
		position:static !important;
		width:100%;
	}

	.headerImgFour{
		padding-top:10px;
		position:static !important;
		width:100%;
	}
	
	.headerImgFive{
		padding-top:10px;
		position:static !important;
		width:100%;
	}
	
	.headerImgSix{
		padding-top:10px;
		position:static !important;
		width:100%;
	}
	
	
	/************ BODY ************/

	.bodyText h1{
		font-size:46px;
		padding:8px 0 12px;
	}

	.bodyText p{
		font-size:15px;
		padding:12px 60px 0;
		line-height:24px;
	}

	.left{
		display:none;
	}

	.right{
		display:none;
	}
	
}







/*------------------------------------------------------------------*/
@media (max-width:640px){
	
	/************ HEADER CLOUDS ************/

	.headerClouds{
		width:100%;
		height:170px;
	}
	
	.headerImg{
		float:left;
		width:25%;
		position:static !important;
	}

	.headerImgOne{
		padding-top:10px;
		position:static !important;
		width:100%;
	}

	.headerImgTwo{
		padding-top:10px;
		position:static !important;
		width:100%;
	}

	.headerImgThree{
		padding-top:10px;
		position:static !important;
		width:100%;
	}

	.headerImgFour{
		padding-top:10px;
		position:static !important;
		width:100%;
	}
	
	.headerImgFive{
		padding-top:10px;
		position:static !important;
		width:100%;
	}
	
	.headerImgSix{
		padding-top:10px;
		position:static !important;
		width:100%;
	}
	
	
	
	/************ BODY ************/

	.bodyText h1{
		font-size:42px;
		padding:8px 0 12px;
	}

	.bodyText p{
		font-size:15px;
		padding:12px 14px 0;
		line-height:24px;
	}

	.left{
		display:none;
	}

	.right{
		display:none;
	}
	
}






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

@media (max-width:400px){

	/************ HEADER CLOUDS ************/

	.headerClouds{
		width:100%;
		height:200px;
	}
	
	.headerImg{
		float:left;
		width:25%;
		position:static !important;
	}

	.headerImgOne{
		padding-top:20px;
		position:static !important;
		width:100%;
	}

	.headerImgTwo{
		padding-top:20px;
		position:static !important;
		width:100%;
	}

	.headerImgThree{
		padding-top:20px;
		position:static !important;
		width:100%;
	}

	.headerImgFour{
		padding-top:20px;
		position:static !important;
		width:100%;
	}
	
	
	
	/************ BODY ************/

	.bodyText h1{
		font-size:44px;
		padding:14px 0 12px;
	}

	.bodyText p{
		font-size:16px;
		padding:12px 0 0;
		line-height:24px;
	}

	.left{
		display:none
	}

	.right{
		display:none
	}
	
	
	
	/************ FORM ************/
	.formSection{
		padding:20px 14px 0;
	}

	.formTextTitle{
		color:#ffffff;
		font-size:12px;
	}

	.formFirst{
		border-radius:10px;
		border:none;
		padding:8px 12px;
		width:100%;
		margin:10px 0;
	}

	.btnForm{
		border-radius:10px;
		padding:10px 20px;
		border:none;
		cursor:pointer;
	}

	.btnForm:hover{
		background-color:#033a3c;
		color:#ffffff;
	}

	
}







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

@media (max-width:375px){

	/************ HEADER CLOUDS ************/

	.headerClouds{
		width:100%;
		height:140px;
	}
	
	.headerImg{
		float:left;
		width:25%;
		position:static !important;
	}

	.headerImgOne{
		padding-top:20px;
		position:static !important;
		width:100%;
	}

	.headerImgTwo{
		padding-top:20px;
		position:static !important;
		width:100%;
	}

	.headerImgThree{
		padding-top:20px;
		position:static !important;
		width:100%;
	}

	.headerImgFour{
		padding-top:20px;
		position:static !important;
		width:100%;
	}
	
	
	
	/************ BODY ************/

	.bodyText h1{
		font-size:44px;
		padding:14px 0 12px;
	}

	.bodyText p{
		font-size:16px;
		padding:12px 0 0;
		line-height:24px;
	}

	.left{
		display:none
	}

	.right{
		display:none
	}
	
	
	
	/************ FORM ************/
	.formSection{
		padding:20px 14px 0;
	}

	.formTextTitle{
		color:#ffffff;
		font-size:12px;
	}

	.formFirst{
		border-radius:10px;
		border:none;
		padding:8px 12px;
		width:100%;
		margin:10px 0;
	}

	.btnForm{
		border-radius:10px;
		padding:10px 20px;
		border:none;
		cursor:pointer;
	}

	.btnForm:hover{
		background-color:#033a3c;
		color:#ffffff;
	}

	
}