.topo h1{text-align: center; color: #fff; font-weight: 600; font-size: 3rem; margin: 0 20%; width: 60%;}

.eventos{background: #fff; color: #000;}
.eventos a{color: #000;}
.eventos .conteudo{padding: 80px 0; width: 70%; margin: 0 auto}
.eventos .conteudo .evento{margin: 30px 0; width:100%;}
.eventos .conteudo .evento img{width: 100%; height: 200px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;}
.eventos .conteudo .evento h2{font-weight: 600; font-size: 1rem; line-height: 1.6rem; margin: 0; padding: 0;}
.eventos .conteudo .evento i {color: #ff1621; font-size: 1.5rem;}

@media screen and (max-width: 1024px){
.eventos .topo h1{margin: 0 5%; width: 90%;}
.eventos .conteudo{padding: 50px 0;  width: 90%;}
}

@media screen and (max-width: 480px){
.eventos .topo {padding: 40px 0;}
.eventos .topo h1 { margin: 0px 10%; width: 80%; font-size: 1.5rem; line-height: 1.9rem;}
.eventos .conteudo{padding: 30px 15px}
}