.section__mapa{
    font-family: var(--fonte);
    background-color: var(--marrom);
    color: var(--branco);
    height: 35%;
}

.mapa__conteudo{
    text-align: center;
}

.mapa{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2em;
}

.mapa__titulo{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 3vw;
    padding-top: 0.5em;
    padding-bottom: 0.4em;
    text-decoration: underline;

}



@media screen and (max-width: 500px) {
    .section__mapa{
        height: 60%;
    }
    
    .mapa__titulo{
        font-size: 5vw;
    }
    .mapa{
        width: 70%;
    }
}