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

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

#quem-somos {padding: 70px 0px;}
#socias {padding: 70px 0px;}
#areas-de-atuacao  {padding: 70px 0px;}
#contato {padding: 70px 0px 30px}

	#container {padding: 0px 10px; }

	#menu-mob {display:block;}

	#top-desk {display: none;}

	#top-mob {
		position:fixed;
		top: 0;
		bottom: 0;
		width:100%;
		height: auto;
		margin: 0 auto;
		display: none;
		background: rgba(0, 0, 0, 0.9);
		z-index: 998;
		padding: 50px 0px;
	}

	#head-mob {display: block}


	.logo {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 10px;
	width: 200px;
	height: auto;
	z-index: 998;
}

	nav {margin: 0px auto !important; width: 100%;}

		nav ul li {display: block; text-align:center;}
		
		nav ul li a {padding: 15px !important;}
		
		#nav-mob {display:block;}
		
		#nav-desk {display:none;}


	.slide {height: 550px;}

	.text-container {max-width: 320px; margin: 280px auto 0px;}



	#areas-de-atuacao .box-desk {display: none;}
	#areas-de-atuacao .box1-desk {display: none;}

	#areas-de-atuacao .box-mob {display: block;}

	.box-mob .selecionar-lista {display: block;}



	#contato .box1 {float: none; width: 100%;}
	#contato .box2 {float: none; width: 100%;}

	#contato a {font-size: 14px;}

}