/* *{
    background: coral;
} */
body{
    background: linear-gradient(135deg, rgba(50,151,203,1) 0%, rgba(49,49,100,1) 100%);
}
.mapToSchool {

    display: grid;
    min-height: calc(100vh - 125px - 300px);
    grid-template: 80vh / 1fr 50% 1fr ;
    grid-template-areas: ". mapContainer .";
}
.mapContainer {
    grid-area: mapContainer;
    /* border: solid red 2px; */
    width: 100%;
}
@media screen and (max-width:768px){
    .mapToSchool {
        grid-template: 80vh / 1fr 80% 1fr;
        grid-template-areas: ". mapContainer .";
    }
}
@media screen and (max-width:767px){
    .mapToSchool {
        grid-template: 80vh / 1fr 100% 1fr;
        grid-template-areas: ". mapContainer .";
    }
}