
/* CSS  Pagina Contato  */





#contatos_bg { margin-top: 2vw;
			   margin-bottom:1vw;
               border: 1px solid #EFF0EA;
               padding: 10px;
               border-radius: 8px 8px 8px 8px;
               box-sizing: border-box;
		       /*compatibilidade com navegadores antigos */
		       -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box; 

}  

div.row.contato>div>form>button {	margin-top: 1vw;
									margin-bottom: 1vw;
}




/* Logotipo img */
img#cont {  margin-top: 1vw;
            margin-bottom: 1vw;
}

div.col-sm-4 > h4 {font-size: 1.1vw;
}


div.logosMidiasSociaisContato {margin-top: 4vw;
							   margin-bottom: 2vw;
							   font-size: 1.5vw;

}
div.logosMidiasSociaisContato > a:nth-child(1) > i {color:darkorange;}
div.logosMidiasSociaisContato > a:nth-child(4) > i {color:darkblue;}
div.logosMidiasSociaisContato > a:nth-child(7) > i {color:blue;}
div.logosMidiasSociaisContato > a:nth-child(10) > i {color:green;}

div.logosMidiasSociaisContato>span { font-size: 1.3vw;
							  		 margin-left: .5vw;

}
        


/* Midia Queries carrossel BoTão DropDown em telas pequenas 
 Ver NAVBAR.CSSS 
Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
div#contatos_bg>div.row.contato>div.col-sm-8, div.col-sm-4 {z-index: -1; color: black;}
}
/* Logotipo img */
img#cont {  margin-top: 2vw;
            margin-bottom: 1vw;
}

div.col-sm-4 > h4 {font-size: 3vw;
}


div.logosMidiasSociaisContato {margin-top: 4vw;
							   margin-bottom: 2vw;
							   font-size: 4vw;
}
div.logosMidiasSociaisContato>span { font-size: 3vw;

}




/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 

div#contatos_bg>div.row.contato>div.col-sm-8, div.col-sm-4 {z-index: -1; color: black;}

/* Logotipo img */
img#cont {  margin-top: 2vw;
            margin-bottom: 1vw;
}

div.col-sm-4 > h4 {font-size: 2vw;
}


div.logosMidiasSociaisContato {margin-top: 4vw;
							   margin-bottom: 2vw;
							   font-size: 2.7vw;
}
div.logosMidiasSociaisContato>span { font-size: 2.4vw;

}



}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

/* Logotipo img */
img#cont {  margin-top: 2vw;
            margin-bottom: 1vw;
}


div.col-sm-4 > h4 {font-size: 2vw;
}


div.logosMidiasSociaisContato {margin-top: 4vw;
							   margin-bottom: 2vw;
							   font-size: 2.5vw;
}

div.logosMidiasSociaisContato>span { font-size: 1.9vw;

}


}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

div.col-sm-4 > h4 {font-size: 1.5vw;
}

div.logosMidiasSociaisContato {margin-top: 4vw;
							   margin-bottom: 2vw;
							   font-size: 2.1vw;
}

div.logosMidiasSociaisContato>span { font-size: 1.9vw;

}

 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
div.col-sm-4 > h4 {font-size: 1.1vw;
}

div.logosMidiasSociaisContato {margin-top: 4vw;
							   margin-bottom: 2vw;
							   font-size: 1.5vw;
}

div.logosMidiasSociaisContato>span { font-size: 1.2vw;

}

}
 
