/* reset */
body{background-color: rgba(0, 0, 0, .1);}
#interface{width: 93%; margin: 0 auto; background-color: #fff; box-sizing: border-box;}
.lista{list-style: none; padding-left: 0;}
.justificar{text-align: justify;}
h1{font-size: 26px; text-transform: uppercase;}

.botao{background-color: #035263; padding: 7px 15px; border-radius: 5px; color: #fff; 
    text-align: center; border: none;}
    
.botao:hover{background-color: #00B2A8; text-decoration: none;}

/* navbar */
.navbar{background-color: #00264C;}
#navbarSupportedContent ul li a{color: #fff; font-size: 15px;}
#navbarSupportedContent ul li a:hover{text-decoration: underline;}

@media(max-width: 1024px){
    #navbarSupportedContent ul li a, #segunda_barra ul li a, #terceira_barra p a{font-size: 12px; }
}

/*segunda barra */
#segunda_barra{background-color: #D01D57; margin-bottom: -16px;}
#segunda_barra ul{display: flex; justify-content: space-between;}
#segunda_barra ul li.first{padding-left: 10px;}
#segunda_barra ul li.last{padding-right: 10px;}
#segunda_barra ul li a{color: #fff; font-weight: 400; text-transform: uppercase; font-size: 15px;}

@media (max-width: 1080px) {
    #segunda_barra ul{display: flex; flex-direction: column; text-align: center;}
    #segunda_barra ul li{padding: 0 15px;}
}

/*terceira barra */
#terceira_barra{background-color: #DBB4AD;}
    #terceira_barra p a{text-align: center; color: #000; text-transform: uppercase; font-size: 15px;}

/* footer */
footer{background-color: #00264C;}
footer .corpo_footer{display: flex; justify-content: space-between; padding: 20px;}
footer .corpo_footer ul{display: flex; flex-direction: column; align-items: center;}
footer .corpo_footer ul li a{color: #fff; text-align: center;}
footer .corpo_footer img{width: 15rem; height: 9rem;}
footer .rodape{padding-bottom: 20px;}
footer .rodape p{color: #fff; text-align: center; padding: 0 20px;}

@media (max-width: 900px){
    footer .corpo_footer{display: flex; flex-direction: column;}
    footer .corpo_footer .first{margin-bottom: 20px;}
    footer .corpo_footer .last{margin-top: 20px;}
    footer .corpo_footer .first, .last{display: flex; justify-content: center;}
    footer .corpo_footer .first img, .last img{padding: 2px;}
}