.map-page {
    height: 100%
}

.map-page__body {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
}

.map {
    flex: 1;
    overflow: scroll;
    /* for popups: */
    position: relative;
}

.map__svg {
    width: 1094px;
}

@media only screen and (min-width: 48em) {
    .map-page {
        height: auto;
    }

    .map-page__body {
        height: auto;
        display: block;
    }

    .map {
        overflow: unset;
    }

    .map__svg {
        width: unset;
    }
}