/*
 * CSS Style sheet designed for maps implemented with leaflet: too much for a single map
 */

@media (min-width: 400px) {
    .angular-leaflet-map {
        height:200px;
        min-height: 100%;
    }
}

@media (min-width: 500px) {
    .angular-leaflet-map {
        height:225px;
        min-height: 100%;
    }
}

@media (min-width: 600px) {
    .angular-leaflet-map {
        height:250px;
        min-height: 100%;
    }
}

@media (min-width: 700px) {
    .angular-leaflet-map {
        height:275px;
        min-height: 100%;
    }
}

@media (min-width: 768px) {
    .angular-leaflet-map {
        height:300px;
        min-height: 100%;
    }
}

@media (min-width: 800px) {
    .angular-leaflet-map {
        height:325px;
        min-height: 100%;
    }
}

@media (min-width: 900px) {
    .angular-leaflet-map {
        height:375px;
        min-height: 100%;
    }
}

@media (min-width: 1000px) {
    .angular-leaflet-map {
        height:425px;
        min-height: 100%;
    }
}

@media (min-width: 1100px) {
    .angular-leaflet-map {
        height:450px;
        min-height: 100%;
    }
}

@media (min-width: 1150px) {
    .angular-leaflet-map {
        height:475px;
        min-height: 100%;
    }
}

@media (min-width: 1200px) {
    .angular-leaflet-map {
        height:500px;
        min-height: 100%;
    }
}

@media (min-width: 1300px) {
    .angular-leaflet-map {
        height:525px;
        min-height: 100%;
    }
}

@media (min-width: 1400px) {
    .angular-leaflet-map {
        height:550px;
        min-height: 100%;
    }
}

@media (min-width: 1500px) {
    .angular-leaflet-map {
        height:575px;
        min-height: 100%;
    }
}

@media (min-width: 1600px) {
    .angular-leaflet-map {
        height:600px;
        min-height: 100%;
    }
}