@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1090px){
	/**************************** HEADER ****************************/
	#content-header h1 { width:94%;}
}

@media screen and (max-width:1024px){
	/**************************** HEADER ****************************/
	.ccounter { margin:40px 0 40px 28%;}
}


@media screen and (max-width:800px){
	/**************************** HEADER ****************************/
	.ccounter { margin:40px 0 40px 20%;}
}

@media screen and (max-width:700px){
	/**************************** HEADER ****************************/
	#content-header h1{ margin:50px auto 0;}
	#content-header p{ font-size:30px; line-height:34px;}
	.ccounter { margin:40px 0 40px 15%;}
	/**************************** FOOTER ****************************/
	#content-footer p{ font-size:20px; line-height:24px;}
	#content-footer .full li{ font-weight:300;}
}

@media screen and (max-width:640px){
	/**************************** HEADER ****************************/
	.ccounter { margin:40px 0 40px 12%;}
	/**************************** FOOTER ****************************/
}

@media screen and (max-width:600px){
	/**************************** HEADER ****************************/
	#content-header p{ font-size:24px; line-height: 28px;}
	.ccounter { width:100px; margin:40px 0 40px 42%;}
	/**************************** FOOTER ****************************/
	#content-footer .full{ width:230px;}
	#content-footer .full li{ text-align:center;}
	#content-footer .full li .icon-mail2, #content-footer .full li .icon-whatsapp{ display:none;}
	#credito #content-credito .direitos{ float:none; text-align:center; margin-top:20px;}
	#credito #content-credito .desenvolvido{ float:none; text-align:center; margin:20px 0 30px 0;}
}

@media screen and (max-width:332px){
	/**************************** HEADER ****************************/
	#content-header h1{ margin:40px auto 0;}
	.ccounter { width:100px; margin:40px 0 40px 35%;}
	/**************************** FOOTER ****************************/
}

@media screen and (max-width:280px){
	/**************************** HEADER ****************************/
	#content-header p{ font-size:22px; line-height:26px;}
	.ccounter { width:100px; margin:40px 0 40px 30%;}
	/**************************** FOOTER ****************************/
	#content-footer p{ font-size:18px; line-height:22px;}
	#content-footer .full{ width:210px;}
	#content-footer .full li{ font-size:18px;}
}


