.map-pagetop {
    width: 1100px;
    height: 475px;
}

.map-allevents {
    width: 840px;
    height: 475px;
}

.map-schools {
    width: 750px;
    height: 325px;
}

.map-sweets {
    width: 445px;
    height: 325px;
}

@media screen and (max-width: 640px) {
    .map-pagetop,
    .map-allevents,
    .map-schools,
    .map-sweets {
      position: absolute;
      width: 100%;
      height: 100%;
    }
}