body { background:url(img/bg.png); background-repeat:repeat; color:#fff; font-family: 'Roboto', sans-serif; }

.fade_6S { transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

.boxWhatsapp  { padding:1em 0em; height:auto; overflow:auto; margin-top:50px; }
.content      { float:left; width:98%; margin:0 2%; padding:1em; }

.content h1         { width:100%; float:left; color:#ffffff; margin-bottom:0.5em; font-size:2em; font-weight:100; text-align:center; font-family:'Roboto', sans-serif; }
.content h1 strong  { font-weight:600; font-family:'Roboto', sans-serif; }

.content .box { width:100%; float:left; background:#ffffff; padding:1.5em 1em; border-radius:6px; box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.1);}

.boxTexto   { width:100%; float:left; margin-bottom:1.2em; padding-bottom:1em; border-bottom:1px #f4f4f4 solid; }
.boxTexto p { font-size:1em; color:#8f8f8f; text-align:center; font-weight:100; }

.boxBotao              { width:100%; float:left;  }
.btnPessoaFisica       { width:100%; float:left; margin-bottom:1em; padding:1.5em 1em; border-radius:6px; text-align:center; text-decoration:none; background-color:#25d366; color:#ffffff; font-family: 'Roboto', sans-serif;}
.btnPessoaFisica:hover { background-color:#06a542; }

.btnPessoaFisica span { float:left;  display:inherit; height:0; line-height:0px; margin-left:25px; font-weight:600; font-size:1em!important; text-shadow: 1px 1px 1px #00531f; }
.btnPessoaFisica i    { position:absolute; display:inherit; line-height:0px; height:30px; font-size:1em; text-shadow: 1px 1px 1px #00531f;}

.btnPessoaJuridica       { width:100%; float:right; padding:1.5em 1em; border-radius:6px; text-align:center; text-decoration:none; background-color:#0e82d6; color:#ffffff; font-family: 'Roboto', sans-serif;}
.btnPessoaJuridica:hover { background-color:#1e5370; }

.btnPessoaJuridica span  { float:left; display:inherit; height:0; line-height:0px; margin-left:25px; font-weight:100; font-size:1em!important; }
.btnPessoaJuridica i     { float:left; position:absolute; display:inherit; line-height:0px; height:60px; font-size:1em; }


/*480PX BREAKPOINT*/
/*480 dividido por 16 = 30em*/
@media (min-width:30em){

}

/*600PX BREAKPOINT*/
/*600 dividido por 16 = 37,5em*/
@media (min-width:37em){


} 

/*768PX BREAKPOINT*/
/*768 dividido por 16 = 48em*/
@media (min-width:48em){

.boxWhatsapp  { padding:1em 0em; margin-top:50px; }

.content      { width:70%; margin:0 25%; padding:3em; }
.content h1   { width:100%; float:left; color:#ffffff; margin-bottom:0.5em; font-size:3em; font-weight:100; text-align:center; font-family:'Roboto', sans-serif; }
.boxTexto p   { font-size:1.5em; }
.content .box { padding:2.5em 2em; box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.1);}

.btnPessoaFisica    { width:48%; margin-bottom:0; }
.btnPessoaJuridica  { width:48% }

} 

/*960PX BREAKPOINT*/
/*960 dividido por 16 = 60em*/
@media (min-width:60em){


}

/*1024PX BREAKPOINT*/
/*1024 dividido por 16 = 64em*/
@media (min-width:64em){

}
/*1280PX BREAKPOINT*/
/*1280 dividido por 16 = 80em*/
@media (min-width:80em){

.boxWhatsapp  { padding:1em 0em; margin-top:150px; }

.content h1         { width:100%; float:left; color:#ffffff; margin-bottom:0.5em; font-size:3em; font-weight:100; text-align:center; font-family:'Roboto', sans-serif; }
.content { float:left; width:42%; margin:0 30%; }
.boxTexto p { font-size:1.5em; }
.content .box { padding:2.5em 2em; box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.1);}

}

/*1366PX BREAKPOINT*/
/*1366 dividido por 16 = 85,375em*/
@media (min-width:85em){


}

/*1600PX BREAKPOINT*/
/*1600 dividido por 16 = 100em*/
@media (min-width:100em){

}