@media (min-width: 1024px) {
	#cabecalho .box *,
	#cabecalho.open .box *{transition:all 0.3s;}
	#cabecalho.open .box #logo{margin:-80px 200px 0 0;}
	#cabecalho.open .box #logo a{padding: 10px;}
}

@media (max-width: 1279px) {
	.n-xl {display: none !important;}
	.y-xl {display: block !important;}
	.center-xl {text-align: center;}
	.right-xl {text-align: right;}
	.left-xl {text-align: left;}
	#inicial #banner {height: 100%;}
}

@media (max-width: 1023px) {
	.pure-g, .pure-g-r {max-width: 90%; margin: auto;}
	.n-lg {display: none !important;}
	.y-lg {display: block !important;}
	.center-lg {text-align: center;}
	.right-lg {text-align: right;}
	.left-lg {text-align: left;}
	nav.clearfix {display: inline !important;}
	#inicial #frase .item {padding: 50px 0 20px 0;}
	#inicial #frase .pensa,
	#rodape .rodatop  {height: auto;}
	#inicial #frase .autor {padding-bottom: 50px; padding-right: 0}
	#inicial #servicos .lista .item .texto {min-height: inherit;}
	#rodape .rodatop .facebook, #rodape .rodatop .skype  { padding: 0 10px;} 
	#rodape .rodatop .rodatopbg2,
	#rodape .rodabottom {background-color: #4A4747}
	#cabecalho {position: relative; background: #FFF; text-align: center}
	#cabecalho .box #logo {margin-top: 0; max-width: inherit; box-shadow: none}
	#cabecalho .box #logo a img{max-width:100px}
	#cabecalho .box #logo a {padding: 10px;}
	.interna .hrep {padding: 70px 0 0 0;}
	#contato .pure-form input[type=text],
	#contato .pure-form-aligned textarea{width: 100%; margin-left: 0}
	#contato .pure-form-aligned a.pure-button {width: 100%; margin-left: 0}
	.pure-form-aligned .pure-control-group label {margin-bottom: .3em; text-align: left; display: block; width: 100%;}
	
}

@media (max-width:767px) {
	.n-md {display: none;}
	.y-md {display: block !important;}
	.center-md {text-align: center;}
	.right-md {text-align: right;}
	.left-md {text-align: left;}
	.pure-form input[type=text], .pure-form-aligned textarea {width: 100%}
	#blog .lista .item .box .tit a,
	#blog .lista .item .box .resumo a {min-height: inherit;}
	#rodape .rodatop .vamos {padding: 0px; text-align: center;}
	#rodape .rodatop .vamos b {padding-left: 0}
	#rodape .rodatop .facebook, #rodape .rodatop .skype {line-height: 100px; text-align: left}
	#rodape .rodatop .colore {padding: 20px 0;}
	#rodape .rodabottom .logo {padding: 0 0 20px 0; text-align: center;}
	#rodape .rodabottom address {padding: 20px 0 0 0}
	#rodape .rodabottom .contatos {padding: 20px 0; text-align: center}
	#rodape .direitos {line-height: inherit; padding: 10px 0; text-align: center}
	#rodape .assinatura {text-align: center}
	#rodape .assinatura a {margin: 10px 0 25px 0; float: none; display: inline-block;}
	#sobre .depo .texto2 {padding: 30px 0}
	#servicos .lista1 .item .texto {min-height: inherit;}
	.boxi {padding: 50px 0px 30px 0px}
	.boxi .imagem {float: none; margin: inherit; box-shadow: none; text-align: center; margin-bottom: 30px;}
	#inicial #blog.bg-parallax {height: inherit; padding-bottom: 80px}

	#sobre .conheca .texto {padding: 0 0 30px 0;}
}

@media (max-width:567px) {
	.n-sm {display: none !important;}
	.y-sm {display: block !important;}
	.center-sm {text-align: center;}
	.right-sm {text-align: right;}
	.left-sm {text-align: left;}
	#servicos.interna .compartilhe-text,
	#servicos.interna .add-this {padding-right: 0; float: none}
	#blog.interna .lista {margin-top: 40px}
	#blog.interna .boxi {margin-top: 0}
	#contato.interna .hrep {height: 320px}
	#sobre .perfil {padding-left: 0}

}

.n-full {display: none !important;}
.video {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
img.responsiva {width: 100%;}
img.responsiva-2 {width: 90%;}
img.responsiva-3 {max-width:100%;}

.pure-g .pure-g {max-width: 100%}