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

* { margin: 0; padding: 0; border: 0; }
body { background: url("../imagens/entrada/fundo.jpg") no-repeat; background-size: cover; background-attachment:fixed; font-family: "Century Gothic"; }
.tituloPG { text-align: center; color: #028240; }
main { width: 100%; height: 100%; }

.tituloPG { margin: 20px 0 20px 0; font-size: 23px; }
.Links { width: 300px; height: 300px; border-radius: 100%; background: #FAFBFB; margin: 30px auto 0; -webkit-box-shadow: 0px 15px 17px -9px rgba(30,95,48,1);
-moz-box-shadow: 0px 15px 17px -9px rgba(30,95,48,1);
box-shadow: 0px 15px 17px -9px rgba(30,95,48,1);}
.Links img { margin: 60px 0 20px 0; max-width:80%; }
.margintopbig { margin-top: 90px !important; }
a.acesse_aqui:link, a.acesse_aqui:visited { text-decoration: none; outline: none; text-align: center; font-size: 18px; font-weight: bold; }
.pc { color: #028240; }.br { color: #000; } .ap { color: #A00003; }
/**/
@media only screen and (min-width: 480px) {
    .tituloPG { font-size: 25px; }
}

/**/
@media only screen and (min-width: 667px) {
	.tituloPG { font-size: 35px; }
}

/**/
@media only screen and (min-width: 768px) {
   .tituloPG { font-size: 45px; }
   .Links { position: relative; margin: 0 2.5% 2.5% 2.5%; float: left; }
}

/**/
@media only screen and (min-width: 990px) {
	body{ background-size: 100% 100%;}
	.Links img { width: 70%; margin: 60px auto 20px; }
    .Links { margin: 60px 4% 10% 4%; width: 250px; height:250px;  }
	.mespecial{ margin-top: 15px;}
	.margintopbig { margin: 80px 0 50px 0 !important; }
	main{ max-width: 990px; margin: 0 auto; position:relative; text-align: center;}
        
    
}