<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@media only screen and (max-width: 480px) { }
@media only screen and (max-width: 600px) { }
@media only screen and (max-width: 992px) { }
@media only screen and (max-width: 1382px) { }*/

p{

width: 80%; 
margin-left:50px;

}

h4{

width: 80%; 
margin-left:50px;

}


@media (max-width: 400px){
	#img-background h2{
	  padding-top: 20%;
	  padding-bottom: 20%;
	  font-size: 14px;
	}
	.azul-contato{
	  margin: 10px;
	}
	.caixa-branca-contato{
	  width: 94%;
	  margin: 3%;
	}
	.formulario-contato
}

@media (max-width: 480px) and (min-width: 400px){
	#img-background h2{
	  padding-top: 20%;
	  padding-bottom: 20%;
	  font-size: 16px;
	}
}

@media (max-width: 620px) and (min-width: 480px){
	#img-background h2{
	  padding-top: 20%;
	  padding-bottom: 20%;
	  font-size: 22px;
	}

}

/* @media (max-width: 767px) {
  
    .bgvid {
      max-width: 100%;
      min-height: 100%;
      background-color: #00192A;
    }
}*/


@media (max-width:767px) {
    .site-main {
      
	  padding-top: 20%;
	  padding-bottom: 20%;
	  font-size: 12px;
	  margin: 0; 
	  padding: 0;
    }
}

@media (max-width: 1000px) and (min-width: 480px) {
 .navbar-nav &gt; li &gt; a{
  padding-left: 10px!important;
  padding-right: 10px!important;
  font-size: 15px;
  color: #FFFFFF!important;
  }


@media (max-width: 992px) and (min-width: 620px){
	#img-background h2{
	  padding-top: 20%;
	  padding-bottom: 20%;
	  font-size: 28px;
	}
}
@media (max-width: 1382px) and (min-width: 992px){
	#img-background{
	  width: 100%;
	   height: 736px;
	}
	#img-background h2{
	  padding-top: 20%;
	  padding-bottom: 20%;
	  font-size: 28px;
	}
}</pre></body></html>