.map {
    width: 90%;
    height: 90%;

    margin: auto;
    padding: 1%;

    border-radius: 5px;
}

#mapCon {
    width: 50vw;
    
    aspect-ratio: 16 / 9;

    margin:auto;
    margin-top: 4%;
    margin-bottom: 2%;

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.217);
    border: 1px solid rgba(0, 0, 0, 0.217);
    border-radius: 5px;

    display: flex;

    background-color: rgb(255, 255, 255);
}

@media (max-width: 769px) {
    #mapCon {
        width: 90vw;

        margin-top: 10%;
        margin-bottom: 20%;
    }
}