/*
 * Contact style for Centro Musica template.
 *
 * Renamed contact.css -> contact-v2.css: that asset is served with a
 * 1-year Cache-Control and no cache-busting, so edits to it (static map
 * image + "get directions" button replacing the old Google Maps Embed
 * iframe) wouldn't reach visitors with a cached copy - a brand-new,
 * never-before-requested filename is needed to guarantee a fresh load
 * (see pages/contact.php).
 */

/* Contact style */
section#contact div#mapSection {
    position: relative;
    height: 450px;
    width: 100%;
    overflow: hidden;
}

section#contact div#map {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

section#contact div#map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#contact div#mapSection > a.button {
    position: absolute;
    bottom: 1.5em;
    left: 0;
    right: 0;
    margin: auto;
    width: 12em;
}

section#contact h1 {
    margin-bottom: 3%;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 720px) {

    /* Contact style */
    section#contact div {
        width: 100%;
    }

    section#contact div.right {
        margin: 0;
        padding: .7%;
        text-align: center;
    }
}