/* LARGURA REAL DOS ELEMENTOS *********************************************************/
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	margin: 0; padding: 0; }

/* SEPARA OS ELEMENTOS FLOATS *********************************************************/
.clearfix:before, .clearfix:after{ content: " "; display:table; }
.clearfix:after { clear: both; }
.clearfix{ *zoom:1; }

/* CONTEÚDO *****************************************************************************/
body{ margin:0; background:#74d6d2; }

h2{ font-family:'Roboto', 'sans-serif'; font-size:30px; font-weight:400; line-height:100%; }
h3{ font-family:'Roboto', 'sans-serif'; font-size:26px; font-weight:400; line-height:100%; }


.banner{ margin:20px auto; width:100%; max-width:1140px; height:391px; background:url('imagens/bnn.jpg'); background-size:cover; }

.logo{ float:left; margin:90px 20px 0 70px; }
.logo h1{ font-family:'Spinnaker', 'sans-serif'; font-size:46px; font-weight:300; line-height:100%; }
.logo h2{ font-family:'Spinnaker', 'sans-serif'; font-size:22px; font-weight:600; letter-spacing:-0.5px; line-height:120%; margin-top:10px; width:350px; background:#74d6d2; }
.logo img{ margin:-40px 30px 0 0; width:150px; }

.smartphone{ float:left; margin:0; width:299px; height:391px; background:url('imagens/smartphone.png') bottom no-repeat; background-size:100%; }

.splash, .splashPQ{ float:left; margin:50px 0 0 -30px; width:280px; height:280px; border-radius:280px; padding:40px 20px; text-align:center; background:#ffde5f; }
.splash h1, .splashPQ h1{ font-family: 'Oswald', sans-serif; margin-top:20px; font-size:100px; font-weight:700; line-height:50%; letter-spacing:-2px; }
.splash h2, .splashPQ h2{ font-family:'Roboto', 'sans-serif'; font-size:24px; font-weight:400; line-height:100%; }
.splash h3, .splashPQ h3{ font-family:'Roboto', 'sans-serif'; margin-top:10px; font-size:18px; font-weight:400; line-height:100%; }

.splashPQ{ display:none; }

.container{width:98%; max-width:1000px;	margin:0 auto; text-align:center; }

.coluna{ float:left; margin:40px 0; width:50%; }
.coluna h1{ font-family:'Spinnaker', 'sans-serif'; margin-bottom:10px; font-size:22px; font-weight:600; color:#fff; line-height:120%; }
.coluna h2{ font-family:'Spinnaker', 'sans-serif'; margin:0; font-size:20px; font-weight:600; color:#000; line-height:120%; }
.ilustra{ width:154px; }

.banner2{ float:left; margin:0 auto; width:100%; height:430px; padding:15px 0; background:url('imagens/bnn2.jpg') no-repeat; background-size:cover; }
#banner2-conteudo{ text-align:left; }

.coluna h3{ font-family:'Spinnaker', 'sans-serif'; margin:0; font-size:30px; font-weight:600; color:#000; line-height:120%; }

.coluna2{ float:left; margin:40px 0; width:25%; text-align:left; }
.coluna2 h1{ font-family:'Roboto', 'sans-serif'; margin:0; font-size:18px; font-weight:400; color:#000; line-height:120%; }

input, textarea{ margin-bottom:5px; width:100%; border:1px solid #000; padding:8px 12px; font-family:'Roboto', 'sans-serif'; font-size:11pt; font-weight:400; background-color:#fff; }

.bt-form{ margin-bottom:150px; border:0; padding:8px 12px; font-family:'Roboto', 'sans-serif'; font-size:11pt; color:#fff; background:#00cc66; cursor:pointer; }




	
	
/*****************/
/* MÍDIA QUERIES */
/*****************/
/* 1200px – Desktops, notebooks com monitores widescreen --------------------------*/

@media screen and (max-width: 1370px){


}


/* 960px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/

@media screen and (max-width: 1199px){


}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

@media screen and (max-width: 959px){

h2{ font-size:26px; }

.banner{ margin:10px auto; height:370px; }
.logo{ margin:60px 0 40px 30px; }
.logo h1{ font-size:40px; }
.logo h2{ font-size:20px; width:300px; }
.splash{ float:left; margin:40px 0 0 0; }
.smartphone{ display:none; }
.ilustra{ width:110px; }
.ilustra img{ width:110px; }

.banner2{ height:300px; padding:0 10px; }
.coluna h1{ margin-bottom:5px; font-size:20px; }
.coluna h2{ font-size:18px; }
.coluna h3{ font-size:24px; }

.bt-redes{ width:100px; }

.coluna2{ margin-left:20px; width:40%; }

}


/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

@media screen and (max-width: 767px){

}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

@media screen and (max-width: 479px){

h3{ font-size:20px; }
h2{ font-size:18px; }

.banner{ margin:5px auto; height:350px; }

.logo{ width:100%; margin:10px 0; text-align:center; }
.logo h1{ font-size:30px; }
.logo h2{ margin:5px 5%; width:90%; font-size:18px; }
.logo img{ margin:0 30% 10px 30%; width:40%; }

.splash{ display:none; }
.splashPQ{ display:block; float:none; margin:0 10%; width:80%; height:250px; border-radius:250px; padding:20px 10px; text-align:center; background:#ffde5f; }

.coluna{ margin:20px 0; width:100%; }
.coluna h1{ font-size:18px; }
.ilustra{ width:90px; }
.ilustra img{ width:90px; }

.banner2{ height:380px; }
#banner2-conteudo{ text-align:center; }

#ilustra6{ display:none; }

.coluna2{ margin:-10px 0; width:100%; text-align:center; }

#email{ font-family: 'Oswald', sans-serif; font-size:18px; }

}