/*pc & laptops*/
@media screen and (min-width: 960px) {
    #map {
        height: 25vw;
        /*        height: 30em;
                height: 40vw;*/

        width: 25vw;
    }

    #LeftColumn {
        float: left;
    }

    #RightColumn {
        float: right;
    }

    #LeftColumn, #RightColumn {
        width: 50%;
    }

}

/* for phones and tablets with smaller screens */
@media screen and (max-width: 959px) {
    #map {
        height: 25em;
        height: 50vw;

        width: 25em;
        width: 35vw;
        width: 80%;

    }

    #LeftColumn, #RightColumn {
        width: 100%;
    }
}

#map {
    background-color: lightgrey; 
    margin: 10%;
}

#LeftColumn, #RightColumn {
    padding-bottom: 5vw;
    display: inline-block;
    justify-content: center;
    align-items: center;
}