/* Dona Faxina: CSS responsivo, mobile first */
html,body,div,span,h1,h2,h3,p,a,img,ul,li,form,article,nav,section,picture,input,button{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box}
article,nav,section,picture{display:block}
ul{list-style:none}
html{-webkit-text-size-adjust:100%}
body{font-family:Arial,Helvetica,sans-serif;font-size:1em;line-height:1.3;background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:#005e76}
a:hover{color:#005e76;text-decoration:underline}
h1{display:none;padding:.5em .5em 0;background-color:#000;color:#fff;font-size:1.7em}
h2{text-align:left;text-transform:none;font-weight:bold;font-size:1.5em;color:#004d61;padding-left:.6em;padding-bottom:.2em;clear:both}
h3{text-align:left;text-transform:none;font-weight:bold;font-size:1.5em;color:#85c357;padding-left:.6em;clear:both}
p{padding:0 1em 1em;font-size:1em;color:#004d61}
p.white{color:#fff}
p.spam{font-size:.75em;padding:.5em 0 0;text-align:center}
.darkside{background-color:#005e76;color:#fff;overflow:hidden}
.darkside.centered{background-color:#004d61}
article h2.darkside{color:#85c357;padding-top:.5em}
article p.darkside{color:#fff}
article ul{list-style-image:url('../imagens/icon-checkwhite.png');margin-left:2em;padding:.5em 0}
article ul li{color:#fff;padding:.15em 0}
article img{display:block;width:100%;margin:0 0 .75em}

/* Base (mobile) */
#container{width:100%;max-width:73.5em;margin:0 auto}
#logo{padding:1.25em 1em .5em;text-align:center}
#logo img{width:100%;max-width:17em;margin:0 auto;display:block}
nav{padding:.5em 1em 1.25em}
#email{max-width:24em;margin:0 auto}
#banner img{display:block;width:100%}
#main{background-color:#85c357;overflow:hidden;padding-top:12px;margin-top:1.25em}
#main h1{background:url('../imagens/bg-header-full.png') no-repeat 0 0;height:41px;display:block;position:relative;top:-12px;z-index:100;font-size:1.7em}
#main article{width:100%}
#footer{background:#85c357;color:#004d61;overflow:hidden;padding-bottom:1em}
#footer article{width:100%}
#footer p{padding:.6em 1em;font-size:1.05em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#footer article img{display:inline-block;width:24px;height:auto;margin:0;flex:none}
#footer a{text-decoration:none;color:#004d61;display:inline-block;padding:.25em 0}
#footer a:hover{color:#005e76;text-decoration:underline}

/* Formulario de e-mail */
form{position:relative}
input,button,textarea,select{font-family:'Open Sans',sans-serif}
input.email{background:#fff;height:45px;width:100%;border:2px inset #9dc500;border-radius:5px;display:block;font-weight:600;font-size:16px;color:#9dc500;padding:0 50px 0 15px;font-style:italic}
input.email:focus{color:#000;outline:none}
input::-webkit-input-placeholder{color:#9dc500}
input::placeholder{color:#9dc500}
.btn_email{background:url('../img/plus.png') no-repeat #9dc500;display:block;outline:medium none;text-indent:-9000px;height:27px;width:27px;border:none;position:absolute;right:10px;top:9px;cursor:pointer;overflow:hidden}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.wrapper-comming-soon{width:100%;clear:both}
#footer .social{margin:.5em 1em 0;padding:0;display:flex;justify-content:flex-end;gap:2px;height:40px}
#footer .social li{list-style-type:none}
#footer .social li a{background:#69737d;padding:8px 6px;margin:0;width:30px;height:34px;text-align:center;display:block}
#footer .social li a img{width:18px;height:18px;margin:0;display:inline-block}
#footer .social li.twitter a:hover{background:#33ccff}
#footer .social li.facebook a:hover{background:#3b5998}

/* Mobile largo */
@media screen and (min-width:30em){
  #logo{padding-top:1.5em}
  #banner img{margin-bottom:0}
  #footer article p{font-size:1.25em}
}
/* Tablet: logo a esquerda, e-mail a direita com faxineiros */
@media screen and (min-width:37.5em){
  #container:after{content:"";display:table;clear:both}
  #logo{float:left;padding:1.5em 0 1.5em 1.5em;text-align:left;width:45%}
  #logo img{margin:0}
  nav{float:right;width:55%;padding:1.5em 1em 1.5em 0}
  #email{max-width:none;margin:0;background:url('../imagens/img-faxineiros-full.png') no-repeat top right;background-size:auto 100px;padding-right:124px;min-height:100px}
  #banner{clear:both}
}
/* Tablet largo e desktop: 3 colunas */
@media screen and (min-width:45em){
  #main{display:flex;flex-wrap:wrap;align-items:stretch}
  #main h1{flex:0 0 100%}
  #main article{display:flex;flex-direction:column;width:33.3333%}
  #main article>:last-child{flex:1}
  #footer article{float:left;width:33.3333%}
  #footer article p{font-size:.9em;padding:.5em .6em}
  #footer .wrapper-comming-soon{clear:both}
  #footer .social{margin:8px 8px 0 0}
  #footer{padding-bottom:0}
}
@media screen and (min-width:64em){
  body{font-size:1.125em}
  #footer article p{font-size:1.25em;padding:.5em 1em}
}