
@media (max-width: 1500px ) {


}

@media (max-width: 1200px ) {



}

@media (max-width: 992px ) {

	.display-desktop { display: none !important; }
	.display-mobile { display: block !important; }

	h1 { font-size: 30px; line-height: 40px; }
	h2 { font-size: 20px; line-height: 30px; }
	h3 { font-size: 18px; line-height: 30px; }
	h4 { font-size: 18px; line-height: 26px; }


	.box-foto { width: 100%; float: right; margin-bottom: 30px; margin-left: 0px; }

	.overlay a { font-size: 26px; }

	.icones-redes .ico-menu { width: 40px; height: 30px; }

	/* botao compartilhar */
	.wpusb { top: -100px; }

	/* galery */
	.galeria-item { width: 50%; }


}

@media (max-width: 768px) {

	/* botao compartilhar */
	.wpusb { position: relative; top: 0px; }

	/* galery */
	.galeria-item { width: 50%; }

}


@media (max-width: 576px) {
	

	h1 { font-size: 28px; line-height: 44px; }
	h2 { font-size: 18px; line-height: 28px; }
	h3 { font-size: 16px; line-height: 20px; }
	h4 { font-size: 16px; line-height: 20px; }
	h5 { font-size: 16px; line-height: 26px; }
	h6 { font-size: 12px; line-height: 18px; }

	.txt h3 { font-size: 20px; line-height: 30px; }
	.txt p { font-size: 16px; line-height:24px; }

	.footer h5 { font-size: 12px; }

	.txt img { width: 100%; height: auto; }

	.overlay .closebtn {
	  position: absolute;
	  top: 20px;
	  left: 20px;
	}

	.ico-close {  display: block; width: 40px; height: 40px; background-size: contain;  }
	.overlay a { font-size: 24px; }


	.btn-light { padding: 10px 40px; font-size: 20px; }


}


@media (max-width: 400px) {

	.galeria-item { width: 100%; }

}


