#map { position:absolute; top:0; bottom:0; width:100%; }

.marker {
    background-image: url('https://cdn.baankatakeeree.com/www/src/img/map-marker-red.png');
    background-size: cover;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    cursor: pointer;
}

.mapboxgl-popup {
    max-width: 200px;
}

.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.map-wrapper {
    position:relative;
    width:100%;
    height:400px;
    overflow:hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.25) !important;
}

@media (min-width: 1200px) {
    .map-wrapper {
        height:500px;
    }
}

@media (min-width: 1700px) {
    .map-wrapper {
        height:600px;
    }
}

#map-canvas {
    width:100%;
    height:400px;
    border:0;
}

#map-canvas img {
    /* Fixes the google map elevation controls not looking right! */
    max-width: none;
}

.css-box-shadow {
    box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;
}