/*
 * Contacts section style.
 *
 * Companion stylesheet for includes/contacts-section.php (title + static
 * map image + business info). Kept in its own file so the whole section
 * (markup + style) can be copied together into another template.
 *
 * div#map used to be the mount point of an interactive Google Maps JS
 * embed; it now simply wraps a static <img>, so its layout (height,
 * position in the flow) is unchanged and every other selector below is
 * untouched from the original design.
 */

section#contacts {
    padding: 4em 0;
}

section#contacts div.title {
    text-align: center;
    margin-bottom: 2em;
}

section#contacts div.title i {
    margin-bottom: .5em;
}

section#contacts div#map {
    height: 20em;
    overflow: hidden;
}

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

section#contacts div.contacts {
    text-align: center;
    padding-top: 4em;
}

section#contacts div.contacts h3 {
    margin-bottom: .8em;
}

section#contacts div.contacts p {
    margin-bottom: .5em;
}

section#contacts > a {
    position: absolute;
    top: 23em;
    left: 0;
    right: 0;
    margin: auto;
    width: 12em;
    padding: .5em 0;
    font-size: 1.3em;
}