html, body {height:100%;}
header {
    background: url('../img/bg-materiais.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position:relative;
    text-align:center;
    height:265px;
}
header .main-header {
    padding:1vmax 0;
}
header .main-header a.nav-collapse i {color:#fff;font-size:2rem;padding:1rem;background-color:#5e8c2f;border-radius:50%;margin-top:3vmax;}
header a.btn-large.white-border {border:1px solid #fff;box-shadow:0 0 0;}
header a.btn-large.white-border:hover {background-color:#fff!important;color:#5e8c2f;box-shadow:0 0 0;}
header p {font-family:Roboto;font-weight:300;color:#fff;font-size:2rem;margin-bottom:8vmax;}

article h1 {font-family:Aldo;font-weight:600;color:#5e8c2f;margin-bottom:0;}
article .subtitulo {font-size:2rem;margin:0;margin-bottom:2rem;}
article p {color:#444a59;font-family:Roboto;font-weight:300;font-size:1.3rem;}
article p.tags {font-size:.9rem;margin-top:3rem;}
article span.importante {font-size:1.7rem;}
article .card-panel {padding-bottom:5px;}
article .image-list {margin-left:auto;margin-right:auto;}
article .material-title h4, article .material-title p {margin:0;font-family:Aldo;font-weight:600;}
article .material-title h4 {color:#5e8c2f;}
article .material-title p {color:#1C3268;font-size:1.3rem;}
article .material-desc a {color:#5e8c2f;font-family:Roboto;font-weight:700;}
#conheca {
    background: url('../img/bg-conheca.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position:relative;
    text-align:center;
    height:422px;
    padding:12rem 0;
    margin-bottom:3rem;
}
#conheca h2 {color:#fff;font-family:Aldo;font-weight:600;font-size:3rem;}
#conheca p {font-weight:500;font-size:1.5rem;color:#fff;margin-bottom:0;}
#conheca p span.telefone {font-size:1.7rem;}

@media all and (max-width:992px) {
  header {background:#1C3268;height:auto;}
  #conheca {background:#5e8c2f;height:auto;padding:2rem 0;margin-bottom:3rem;}
}