/*MAP */

#map {
    height: 100%;
    min-height: 520px;
    width: 100%;
}

.google-map iframe {
    width: 100%;
    height: calc(100vh*0.35);
}

/*EO MAP */

.access-wrapper {
    margin-top: 2em;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left;
}

.access-infos {
    margin-top: 3em;
}

.access-infos,
.access-guide {
    margin-bottom: 3.75em;
}

.access-infos__block,
.access-nearby__block {
    margin-bottom: 2em;
}

.access-infos__block h4 {
    margin-bottom: 4px;
}

.access-infos-parking {
    position: relative;
    border-style: solid;
    border-width: 4px;
    padding: 1em 1.5em 0.25em;
    margin-top: 4em;
    margin-bottom: 3.75em;
    text-align: center;
}

.access-infos-parking__h4 {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0 .5em;
    white-space: nowrap;
}

.access-infos-parking p {
    margin: 1em 0 0;
}

.access-guide,
.access-nearby {
    text-align: center;
}

.access-nearby {
    overflow: hidden;
    margin-bottom: 3rem;
}

.access-nearby__h3 {
    margin-top: .75em;
    margin-bottom: 0;
}

@media only screen and (min-width: 1500px) {
    .access-infos,
    .access-guide,
    .access-nearby {
        width: 60%;

    }
}

@media only screen and (min-width: 980px) {
    /*#map, .google-map, .google-ma iframe {
        min-height: 590px;
    }*/

    .google-map iframe {
        width: 100%;
        height: calc(100vh*0.45);
    }

    .access-wrapper {
        /*width: 50%;
        margin: 5.25em auto 0;
        max-width: 1280px;*/
    }

    .access-infos-parking {
        margin-top: 1em;
    }

    .access-infos,
    .access-guide,
    .access-nearby {
        margin-left: auto;
        margin-right: auto;
    }

    .access-infos:after {
        content: '';
        display: table;
        clear: both;
    }

    .access-infos__block {
        float: left;
        margin-bottom: 0;
        width: 48%;
    }

    .access-infos__block + .access-infos__block {
        float: right;
    }

    .access-nearby__block {
        width: 49%;
    }

    .access-nearby__block:nth-child(even){
        float: left;
    }

    .access-nearby__block:nth-child(odd){
        float: right;
    }

    .access-nearby__block img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 639px) {
    .access-wrapper {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}