/* ************************* MOBILE - Grande 600px ************************** */

@media (max-width: 600px){
	/* *** CABEÇALHO ******************************************************** */
	body div.topo header nav.menu {
		margin-top: 15px;
		width: 45%;
	}
	body div.topo header menu li {
		box-sizing: border-box;
		/*float: right;*/
		margin: 0;
		padding: 2px 2px 6px 2px;
		text-align: center;
		width: 50%;
	}
	/* *** HOME ************************************************************* */
	body.home section#servicos div.conteudo article {
		padding-right: 0;
		width: 100%;
	}
	body.home section#servicos div.conteudo article + article {
		padding-left: 0;
		padding-top: 120px;
	}
	body.home section#servicos div.barra2 {
		background-color: #f5f5f5;
	}
	body.home section#servicos div.conteudo article h3 {
		text-align: center;
	}
	body.home section#servicos div.conteudo article h3::after {
		left: 50%;
		-ms-transform: translate(-50%, 0); /* IE 9*/
		-webkit-transform: translate(-50%, 0); /* CHROME SAFARI OPERA*/
		transform: translate(-50%, 0);
	}
	body.home section#servicos div.conteudo article h4 {
		text-align: center;
	}
	body.home section#servicos div.conteudo article ul.acoes {
		text-align: center;
	}
	body.home section#servicos div.conteudo article ul.acoes li {
		display: inline-block;
		float: none;
		margin-right: 0;
	}
	body.home div#sobre section article {
		padding-right: 0;
		width: 100%;
	}
	body.home div#sobre section article + article {
		padding-left: 0;
		padding-top: 60px;
	}
}

/* ************************* MOBILE - Médio 500px *************************** */

@media (max-width: 500px){
	/* *** CABEÇALHO ******************************************************** */
	body div.topo header h1 a img {
		margin-top: 7px;
		height: 42px;
		width: 180px;
	}
	/* *** HOME ************************************************************* */
	body.home div.destaque section#banner div.itens ul {
		height: 65vw;
	}
	/* *** CONTATO *********************************************************** */
	body.contato form.contato div.caixa-p {
		width: 40%;
	}
	body.contato form.contato div.caixa-g {
		width: 60%;
	}
	body.contato form.contato div:first-of-type {
		width: 100%;
	}
	body.contato form.contato div:nth-of-type(2) {
		width: 100%;
	}
	/* *** RODAPÉ *********************************************************** */
	body div.base footer > a.logotipo {
		width: 20%;
	}
	body div.base footer > menu.menu_sitemap {
		margin-top: 50px;
		width: 80%;
	}
}

/* ************************* MOBILE - Pequeno 400px ************************* */

@media (max-width: 400px){
	/* *** CABEÇALHO ******************************************************** */
	body div.topo header h1 a img {
		margin-top: 10px;
		height: 35px;
		width: 150px;
	}
	body div.topo header menu li a {
		font-size: 0.8em;
	}
	/* *** PRINCIPAL ******************************************************** */
	body main div.principal h1 {
		font-size: 1.6rem;
	}
	/* *** HOME ************************************************************* */
	body.home div.destaque section#banner h1 {
		font-size: 1.8rem;
	}
	body.home div.destaque section#banner div.itens ul li article img {
		height: auto;
		width: 85%;
	}
	body.home div.destaque section#banner div.itens ul {
		height: 70vw;
		min-height: 280px;
	}
	body.home section#servicos h2 {
		font-size: 1.5rem;
	}
	/* *** SERVIÇOS ********************************************************* */
	body.servicos div.secundario div.conteudo div.item h2 {
		font-size: 0.95rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	/* *** CLIENTES ********************************************************* */
	body.clientes div.terciario div.conteudo {
		padding-top: 80px;
	}
	body.clientes div.terciario div.conteudo div.nav {
		margin-top: 10px;
	}
	body.clientes div.terciario div.conteudo h2 {
		margin-top: -50px;
		width: 100%;
	}
	body.clientes div.terciario div.conteudo ul li.item h3 a {
		float: none;
		padding-left: 0;
		text-align: left;
	}
	/* *** CONTATO *********************************************************** */
	body.contato form.contato div.caixa-pp, 
	body.contato form.contato div.caixa-p, 
	body.contato form.contato div.caixa-m, 
	body.contato form.contato div.caixa-g, 
	body.contato form.contato div.caixa-gg {
		padding-left: 0;
		width: 100%;
	}
	body.contato form.contato div.caixa-p.obs {
		text-align: center;
	}
	body.contato form.contato div:last-of-type {
		text-align: center;
	}
	body.contato form.contato button {
		display: inline-block;
		float: none;
		margin: 0 10px 20px 10px;
	}
	/* *** RODAPÉ *********************************************************** */
	body div.base footer > a.logotipo {
		text-align: center;
		width: 100%;
	}
	body div.base footer > a.logotipo img {
		display: inline;
		float: none;
		max-width: 250px;
	}
	body div.base footer > menu.menu_sitemap {
		margin-top: 20px;
		width: 100%;
	}
	body div.base footer > menu > li > a {
		font-size: 1em;
	}
}