/* Color dels elements marcats amb la classe .bg-dark. Com són els elements del FOOTER */
html .bg-dark {
    background-color: #2c2c2c!important;
}

/* Color capçaleres. De 0 a 1 */
.main > section.overlay.overlay-show:before {
    opacity: 0.6;
}

/* Mapa Contactes. S'adapta al 100% del seu contingut, en versions desktop i mòbil */
#contact iframe {
    width: 100%;
}

#menu .card .custom-menu-item > .custom-menu-item-details div {
    width: 100%;
}

#menu .card .custom-menu-item > .custom-menu-item-details div + div {
    margin-left: 10px;
}

/* Dimensions del mapa del footer en versió mòbil */
@media (max-width: 610px) {
    footer iframe {
        width: 100%;
    }

    #menu .card .card-body {
        padding: 2rem!important;
    }
}