/*
 * Contact style for decor template.
 *
 * Renamed contact.css -> contact-v2.css: this asset is served through the
 * site's CDN with a 1-year Cache-Control and no cache-busting, so edits
 * to it don't reach visitors - a brand-new, never-before-requested
 * filename is needed to guarantee a fresh load (see pages/contact.php).
 */

/* Map style*/
img#map {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border: 0;
    display: block;
    margin-bottom: 4em;
}

/* Contact section block style*/
section#contact .block {
    padding: 5% 0;
    position: relative;
    height: 17em;
    margin-bottom: 5%;
}

section#contact .block > * {
    margin: .5em 10%;
}

section#contact .block p {
    margin-bottom: .5em;
}

section#contact .block p a {
    color: #000000;
    text-decoration: underline;
}

section#contact .block .button {
    width: 68%;
    position: absolute;
    bottom: 0;
}

/* Screen size adjustments */
@media screen and (max-width: 960px) {
    /* Block style */
    section#contact .block {
        height: 20em;
    }
}

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

    /* Block style*/
    section#contact .block .button {
        position: static;
    }
}
