*{resize:none; box-sizing:border-box; outline:none; font-family: inherit;}

body{margin:0; padding:0; font-family: 'Arial', sans-serif; font-weight: normal;}

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 300;}
a{text-decoration: none; color: inherit;}

button, a{transition: all 300ms; -webkit-transition:all 300ms;}

.largura-site{width: 98%; max-width: 1000px; margin: 0 auto; }
.flex{display: flex;}
.wrap{flex-wrap: wrap;}
.between{justify-content: space-between;}
.vert{align-items: center;}
.horiz{justify-content: center;}

.faixa-abertura{width: 100%; background: #003c71; padding: 15px 0;}
.faixa-abertura .tit{color: #ffffff; margin: 0;}
.faixa-abertura a{font-family: 'Oswald', sans-serif; font-weight: 300; color: #ffffff; margin: 0;}

.logo-abertura{width: 100%; max-width: 400px; padding: 50px 0;}

.mnaberura{padding: 10px 0;}
.mnab{width: 45%; position: relative; text-align: center;}
.mnab-qdd{width: 90%; margin: 0 auto; background: #cf980a; outline-offset: -8px; outline: 1px solid #ffffff; padding: 10px; position: relative; top:-30px; min-height: 80px; cursor: pointer;}
.mnab-qdd h3{color:#ffffff; text-transform: uppercase;}
.img-qdd{position: relative; overflow: hidden; max-height: 260px}
.efeito-escuro{width: 100%; height: 100%; position: absolute; background: rgba(2,37,69,.3); bottom: -100%; transition: all 300ms; -webkit-transition:all 300ms;}
.efeito-escuro a{font-family: 'Fjalla One', sans-serif; color:#ffffff; display: inline-block; padding: 15px; border: 1px solid #ffffff; font-size: 22px; text-transform: uppercase;}
.efeito-escuro a:hover{background: #ffffff; color: #003c71;}
.mnab:hover .efeito-escuro{bottom: 0;}

.rodape-abertura{width: 100%; background: #003c71; padding: 25px 0; text-align: center;}
.rodape-abertura p{color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 300;}


@media screen and (max-width:999px){
    .faixa-abertura .tit{width: 100%; text-align: center; margin: 10px 0;}
}

@media screen and (max-width:767px){
    .mnab{width:70%; margin: 0 auto;}
}

@media screen and (max-width:479px){
    .mnab{width:90%;}
}