.banner {
    background-image: linear-gradient(rgb(255, 255, 255, 0), rgb(255, 255, 255)), url(../img/contato.jpg);
    background-position: center 40%;
}


#imagem-r {
    background-image: url(../img/contato_aux.jpg);
    background-position: center;
    background-size: cover;
    opacity: 0.8;
    height: 540px;
}

.titulo {
    color: var(--azul-logo);
}

#contato .icones {
    background-color: var(--laranja-logo);
    border-radius: 50px;
}

#contato .card {
    border-radius: 50px;
}

#contato a {
    text-decoration: none;
    color: black;
}

#contato .whats a:hover {
    color: #25D366;
}

#mapa {
    background-color: white;
}

#mapa #google iframe {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    #imagem-r {
        height: 30vh;
        border-radius: 50px;
        background-position: center 30%;
    }
}