main{
    font-family: var(--fonte);
    background-color: var(--marrom);
    color: var(--branco);
}

.mapa__conteudo{
    text-align: center;
}

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

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

}

@media screen and (max-width: 500px) {
    .mapinha{
        height: 45em;
    }
    .mapa__titulo{
        font-size: 5vw;
        padding-top: 1.5em;
        padding-top: 0.6em;
    }
}