@charset "UTF-8";
/* Reset and normalize tags */
body{
  font-family:"Roboto";
}
body section.mainLogo figure img{
  padding:1.65rem 0;
}
.siteBoundaries{
  width:118rem;
  margin:0 auto;
}
body section.content{
  padding:5rem 0;
  min-height:35rem;
}
body section.content h1,
body section.content h2,
body section.content h3{
  padding:2rem 0;
  text-transform:uppercase;
}
body section.content h1{
  font-size:3.2rem;
  text-align:center;
  letter-spacing:5px;
}
body section.content h2{
  font-size:2.4rem;
}
body section.content h3{
  font-size:1.8rem;
}
body section.content hr{
  width:30rem;
  text-align:center;
  margin:0 auto;
  margin-bottom:5rem;
  border:none;
  border-bottom:1px solid #00aff0;
}
body section.content div.quatroColunas, 
body section.content div.tresColunas, 
body section.content div.duasColunas{
  display:inline-block;
  vertical-align:top;
}
body section.content div.quatroColunas{
  width:25%;
}
body section.content div.tresColunas{
  width:33.33%;
}
body section.content div.duasColunas{
  width:50%;
}
body section.content div.quatroColunas p,
body section.content div.tresColunas p,
body section.content div.duasColunas p{
  width:90% !important;
}
/* -- Mobile ---------------------------------------------------------------- */
@media only screen 
  and (max-width:1180px){
  .siteBoundaries{
    width:100%;
  }
  body section.topBanner{
    height:20rem;
  }
  body section.topBanner img{
    height:100%;
    width:auto;
  }
  body section.content div.quatroColunas{
    width:50%;
  }
}
@media only screen 
  and (max-width:960px){
  body section.content div.tresColunas{
    width:50%;
  }
}
@media only screen 
  and (max-width:720px){
  body section.content div.tresColunas,
  body section.content div.duasColunas{
    width:100%;
  }
}
@media only screen 
  and (max-width:800px){
  body section.content div.quatroColunas{
    width:100%;
  }
}
