@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

*{font-family: 'Poppins', sans-serif;}
/*TOPO DO SITE*/
header{margin: 20px;display: flex;justify-content: center;align-items: center;flex-flow: column;}
nav{display: flex;width:1080px;justify-content: space-between;margin-bottom: 20px;}
nav ul{display: flex; align-items: center }
nav ul li{padding: 15px}
img#logo{height: 50px;}
div#banner{width: 1080px;height: 250px;background-image: url("../imagens/banner.jpg");background-repeat: no-repeat;background-size: cover;}
/*FINAL TOPO*/
/*CONTEÚDO*/

#vermaisresultados{text-align: end; color: #0177B9; font-weight: bold; margin-bottom: 20px;}
#titulohum{font-size: 25px;}
/*CARDS*/
hr{border: none; border-bottom: 2px solid #0177B9; margin-bottom: 20px}
div#conteudo{display: flex; flex-flow: column; width: 1080px; margin: auto;}
div#conteudo div#cards{display: flex; flex-wrap: wrap; margin-bottom: 20px}
div#conteudo div#cards img{margin: 5px;}
div#dv-titulo{display: flex; align-items: baseline}
div#conteudo div#dv-titulo img{height: 27px; margin-right: 5px}
h1#titulo-hone{ font-weight: 100;color: #0177B9}
div#cards-resultados{min-height: 300px; margin-bottom: 20px; display: flex; flex-wrap: wrap; flex-direction: column;}
/*FINAL CARDS*/

/*ULTIMOS RESULTADOS*/
div#conteudo div#resultados{display: flex; flex-flow: column; margin-bottom: 20px }
div#conteudo div#resultados hr{border-bottom: thin dashed #d0d0d0; margin-bottom: 0; margin: 10px 0;}
div#conteudo div#resultados div#bloco{margin: 10px 0; display: flex; align-items: center}
div#titulo-h {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed gainsboro;}
div#conteudo div#resultados div#titulo-h h1{max-width: 1024px; line-height: 32px;}
div#dt{display: flex; flex-flow: column; width: 80px; float: left; margin-right: 10px}
div#dt span#ano{background: #0177B9; font-size: 18px; color: white; display: block; width: 100%; text-align: center}
div#dt span#dia{display: block; width: 100%; font-size: 18px; text-align: center}
div#dt span#mes{background: gainsboro; font-size: 18px; display: block; width: 100%; text-align: center}
/*FINAL ULTIMOS RESULTADOS*/

/*FINAL CONTEÚDO*/

/*REDE SOCIAIS*/
div#cards ul{display: flex; padding: 50px;}
div#cards ul li{padding: 15px 25px; display: flex; align-items: center}
div#cards ul li span{color: #0177B9; margin-left: 10px}
/*FINAL REDE SOCIAIS*/

/*REPETITIVOS*/
div#repetitivos{min-height: 300px; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
div#repetitivos img{margin: 5px;}
div#repetitivos-resultados{min-height: 300px; margin-bottom: 20px; display: flex; flex-wrap: wrap; flex-direction: column;}
/*FINAL REPETITIVOS*/

/*FORMULÁRIO DE CONTATOS*/
div#repetitivos form p{padding: 4px 0}
div#repetitivos form input[type='text'],input[type='email'],input[type='tel'],input[type='submit'], select, textarea{padding: 10px; border: 1px solid gainsboro; outline: 0; width: 500px}
div#repetitivos form select{width: 520px}
div#repetitivos form input[type='submit']{width: 521px; background: #0177B9; color: white; border: none; cursor: pointer}
div#repetitivos div#crapido{margin-left: 20px}
/*FINAL FORMULÁRIO DE CONTATOS*/

/*RODAPÉ - FOOTER*/
footer#rodape div{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    background: #0177B9;
    color: white;
}
footer#rodape ul{display: flex; align-items: center}
footer#rodape ul li{padding: 15px}
/*FINAL RODAPÉ - FOOTER*/