#contact {
    position: relative;
    display: grid;
    grid-template-areas: 
        "titl form"
        "info form"
        "map  map";
    grid-template-columns: 1.5fr 3fr;
    grid-template-rows: 28vw auto auto;
    gap: calc(var(--gutter) / 2) var(--gutter);
    margin-bottom: calc(var(--gutter-v) *2);
    padding-left: var(--gutter-left);
    padding-right: var(--gutter-right);
    margin-top: -1px;
}

.contactImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.contactImage img {
    width: 100%;
}

.contactTitle { grid-area: titl; position: relative; z-index:2; }
.bookingForm  { grid-area: form; position: relative; z-index:2; }


.contactTitle h1 {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: var(--gutter-v);
}

.bookingForm {
    background: #fff;
    margin-top: var(--gutter-v);
    padding: 3rem 2rem;
}
.bureaux label {
    border:2px solid transparent;
}
.bureaux label.is-active {
    border:2px solid #c461c0
}
/**************************************************************************************************/
/********* RESPONSIVE
/**************************************************************************************************/
@media screen and (max-width: 801px) {
    #contact {
        grid-template-areas: 
            "titl" 
            "form"
            "info"
            "map";
        grid-template-columns: 1fr;
    }
    .bookingForm {
        background: #fff;
        margin: 2rem 0 4rem;
        padding: 0;
    }
}