/* ----------------- Responsivo baseado no Bootstrap 4.0.0 Beta.2 ----------------- */

@media screen and (max-width:1440px) {
	.conteudo {padding-right:50px;}
	header {margin-top:-119px;}
	header .logo a {width:75px; height:69px; margin-top:-35px;}
	header nav ul {margin-left:90px;}
	header nav ul li a {padding:5px 20px 5px 0; font-size:24px;}
}

@media screen and (max-width:1365px) {
	h2 {font-size:55px;}
	#home .barra {height:130px; background:#bf8700;}
	#home .barra .logotipo, #home .barra .logotipo.espanhol, #home .barra .logotipo.ingles {height:100px; margin:15px auto; width:100%;}
	#posicionamento {margin-top:100px;}
}
@media screen and (max-width:1199px) {

}

@media screen and (max-width:991px) {
	#posicionamento {background:url(images/bg-page.png);}
	#consultoria .item h3 {min-height:60px;}
	#contato {text-align:left;}
	#trabalhe-conosco h2, #clientes h2, #consultoria .consul {text-align:left;}
	#consultoria .item {margin-bottom:40px;}
	
	#contato .social {float:left;}

	.form label {text-align:left; margin-bottom:5px;}
	.conteudo {padding-right:15px;}

	#home.banner {background-position:center right!important;}
}

@media screen and (max-width:767px) {
	#posicionamento {padding:150px 0 80px 0;}
	#consultoria, #palestras, #clientes, #contato, #trabalhe-conosco {padding:100px 0;}
	#contato address br {display:inline-block;}
}

@media screen and (max-width:575px) {
	header nav .toggle-menu {top:15px; margin-top:0; left:15px; width:40px; height:40px; padding:5px;}
	header nav.active .toggle-menu {top:15px; margin-top:0; left:15px; width:40px; height:40px; padding:5px;}
	header nav ul {width:100%; left:-100%;}
	
	h2 {font-size:35px;}
	h3 {font-size:23px;}
	p {font-weight:400;}
	
	#consultoria h3, #palestras h3, #contato h3 {font-size:25px;}

	#home .barra .logotipo, #home .barra .logotipo.espanhol, #home .barra .logotipo.ingles {padding:20px; background-origin:content-box;}

	#contato a, #contato address {font-size:20px; font-weight:400;}

	#consultoria .item h3 {margin-bottom:5px; margin-top:0; min-height:90px;}

	.etapas .icone {width:49%; margin-right:0; margin-bottom:45px;}
	.item .etapas .icone {margin-bottom:0;}
}

@media screen and (max-width:340px) {

}


/* ----------------- Importante para alguns casos específicos ----------------- */

@media only screen and (min-width:991px ) and (max-width:1239px) {

}

@media only screen and (min-width:767px) and (max-width:991px) {

}

@media only screen and (min-width:575px) and (max-width:767px) {

}