.footer {
    background-image: url("/imagens/mapa.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 4rem 0;
}

.footer__container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.footer__image {
    margin-left: auto;
    margin-right: 1rem;
    padding: .5rem;
}

.footer__container img {
    max-width: 500px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .footer__container {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
    } 

    .footer__image {
        margin: 0 auto 3rem auto;
    }
}