@media(max-height: 190em) {
    .map {
        height: 230rem;
    }
}
@media(max-height: 158em) {
    .map {
        height: 180rem;
    }
}

@media(max-height: 125em) {
    .map {
        height: 130rem;
    }
}

@media(max-height: 100em) {
    .map {
        height: 100rem;
    }
}

@media(max-height: 75em) {
    .map {
        height: 68rem;
    }
}

@media(max-height: 55em) {
    .map {
        height: 50rem;
    }
}

@media(max-height: 44em) {
    .map {
        height: 33rem;
    }
}

@media(max-height: 34em) {
    .map {
        height: 25rem;
    }
}