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

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

#container {padding: 0px 10px;}	

#top {background: rgba(77, 77, 89, 1); left: 0;}

h1 {font-size:50px;}	

h2 {font-size:30px;}	

ul li {margin-left: 15px;}

nav { margin-top: 30px;	margin-bottom: 0px; }

nav ul li a {padding: 20px 20px; font-size:16px;}

#head {padding: 100px 0px;}

	#servicos .box {
		float: none;
		width: 300px;
		margin: 50px auto;
	}

	#servicos img {
		width: 80px;
		height: auto;
		margin: 10px 110px;
	}

#contato .box {width: 100%; margin: 0 auto; float:none;}

#contato img {margin-right:10px!important; margin-top: 5px!important;}

#contato .text {font-size:18px;}
	
}


@media only screen and (max-width: 1220px) {	#produtos #container {max-width: 900px; height: auto; margin: 0 auto;} }

@media only screen and (max-width: 920px) {	#produtos #container {max-width: 600px; height: auto; margin: 0 auto;} }

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

	   #produtos #container {max-width: 300px; height: auto; margin: 0 auto;} 

		#sobre .box {
		width: 300px;
		margin: 10px auto;
	}

		#sobre .box img {
			float: none;
			margin: 10px auto;
		}

}