/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.cor-1{color:#5ce1e6 !important;}
.cor-2{color:#0097b2 !important;}
.cor-3{color:#33b8ff !important;}
.cor-4{color:#0c758a !important;}

.cor-1:hover{ background-color:#5ce1e6 !important; color:#fff !important;}
.cor-2:hover{ background-color:#0097b2 !important; color:#fff !important;}
.cor-3:hover{ background-color:#33b8ff !important; color:#fff !important;}
.cor-4:hover{ background-color:#0c758a !important; color:#fff !important;}



.bg-inteiro {
	
	background-image:url(../imagens/bg_total.jpg) !important; 
	background-size:100% 100% !important;
	
}



/* Extra Small Devices, Phones */
@media only screen and (min-width : 320px) {
	
	.bg-inteiro {
		
		background:none !important; 
		background-size:100% 100% !important;
		

		
	}	
	
	.titulo-xs {font-size:24px;}
	.titulo2-xs {font-size:16px;}
	
	.padding-responsivo {padding:2px 0px 2px 0px !important; }
	.bg-xs-cinza {background-color:#f4f4f4 !important;}
	.bg-xs-laranja {background-color:#f6a643 !important;}
	.bg-xs-roxo {background-color:#af2e92 !important;}
	.text-xs-roxo {color:#af2e92 !important;}
	
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 768px) {
	
	.bg-inteiro {
		
		background-image:url(../imagens/bg_total.jpg) !important; 
		background-size:100% 100% !important;
		
	}
	
	.titulo-xs {font-size:60px;}
	.titulo2-xs {font-size:22px;}
	
	.bg-xs-cinza {background:none !important;}
	.bg-xs-laranja {background:none !important;}
	.bg-xs-roxo {background:none !important;}
	.text-xs-roxo {color:#fff !important;}
	
	
}