#contas{
    position: relative;
 font-family: "Ubuntu", sans-serif;
padding-top:6rem;
color: var(--pretoMedio);

width: 100%;
 
}

#contas h1{
 padding-top: 5rem;
 text-align: center;
 color:  var(--azul)
  
}
.tranparencia-lista{
margin-top: 5rem;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#contas img{
    width: 100%;
  
}
a{
    color: var(--azul);
    font-weight: bold;
}
.contas-info{
  
    padding:4rem ;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.contas-info h3{
    line-height: 2rem;
 
}

#contas .contas-info ul{
    list-style: circle;
}
#contas .contas-info p{
    font-weight: bold;
}



@media screen and (max-width: 1200px) {

    

}

@media screen and (max-width: 800px) {
   .contas-info{
  
padding:2rem;
  
display: flex;
  
flex-direction: column;
  
gap: 2rem;
}
    
}

@media screen and (max-width: 608px) {
  
    
}