/*
 * Contact style for gallura template.
 */

/* Contact section */
section#contact {
    padding-bottom: 6%;
}

section#map iframe {
    width: 100%;
    height: 55vh;
}

section#contact div {
    padding: 6% 4% 0 4%;
    width: 48%;
    float: left;
}

section#contact div.left {
    margin-right: 4%;
}

section#contact h2 {
    color: var(--green);
    font-weight: 700;
}

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

    /* Contact section */
    section#map iframe {
        width: 100%;
        height: 300px;
    }
}

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

    /* Contact section */
    section#contact div {
        padding: 6% 0% 0 0%;
        width: 100%;
        text-align: center;
    }

    section#contact div.left {
        margin-right: 0%;
    }
}