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

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

	#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: #663333;
		z-index: 998;
		background: linear-gradient(135deg, #0D417A 0%, #0171B9 100%);
	}


	.logo {
	top: 75px;
	width: 270px;
	left: 50%;
	margin-left: -135px;
	height: auto;
}


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

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


	#banner{margin-top: -200px;}


	.text-container {margin-top: 220px;	}

	#servicos .box {width: 300px;margin: 25px auto;}

	#servicos .box1 {
		width: 300px;
		margin: 30px auto;
		float: none;
		padding: 0px;
		border: none;
	}


	#clientes .box {width: 300px; }
	#clientes .box1 {margin: 25px 0px;}

	#contato .box1 {
		float: none; 
		position: relative;
		margin: 0 auto;
	}
	#contato .box2 {float: none;}

}


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

	#banner p {font-size:35px;}

	#banner .p1 {font-size: 25px;}

	#contato .box1 {width:340px;}
	#contato .box2 {width:340px; margin-top: 0px;}

}