.map
{
    height: 98vh;
}

.map-modal
{
    height: calc(70vh - 120px);
}

.leaflet-control-layers-toggle
{
    background-image: url(../images/leaflet/layers.png);
}

.leaflet-retina .leaflet-control-layers-toggle
{
    background-image: url(../images/leaflet/layers-2x.png);
}

.leaflet-default-icon-path {
    background-image: url(../images/leaflet/marker-icon.png);
}

@media (max-width: 640px) {
    .map
    {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
        height: calc(100vh - 56px);
    }

    .map-modal
    {
        height: calc(80vh - 120px);
    }
}