.interactive-map {
    height: 800px;
}

#map-overlay {
    background-color: rgba(25, 50, 75, 0.35);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 999;
    opacity: 0;
    transition: all 0.25s linear;
    visibility: hidden;
}

#map-overlay .help {
    margin: auto;
}

#map-overlay .help p,
#map-overlay .help img {
    display: inline-block;
    vertical-align: middle;
}

#map-overlay .help img {
    margin: 0 20px;
    width: 50px;
}

#map-overlay .help img.mouse-icon {
    width: 40px;
} 

#map-overlay .help p {
    font-size: 30px;
    font-family: 'Bitter', sans-serif;
    color: #eeeeee;
}


#map-overlay.show {
    opacity: 1;
    visibility: visible;
}