html {
    min-height: 100%;
}

body {
    min-height: calc(100vh - 12em);
}

main {
    min-height: calc(100vh - 12em);
}

.coming-soon {
    text-align: center;
}

.map-iframe {
    width: 100%;
    height: 100%;
    min-height: 25em;
    border: var(--foreground-colour) 0.2em solid;
    box-sizing: border-box;
    border-radius: 0.5em;
    background-color: black;
}

.map-item {
    height: calc(100vh - 12em);
    box-sizing: border-box;
    padding-bottom: 1em !important;
    /* position: relative; */
    min-height: 30.5em;
}

.fullscreen-button {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    height: 2em;
    width: 2em;
    /* position: absolute;
    top: 1em;
    right: 1em; */
    cursor: pointer;
}

i {
    color: var(--foreground-colour);
}

.map-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.map-container {
    height: calc(100% - 3.5em);
    /* position: relative; */
}