.n {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
body {
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
}
#map {
    width: 584px;
    margin: -50px auto 0 auto;

    background-image: url("img/map.png");
    background-repeat: no-repeat;
}
#map_cont {
    width: 100%;
    padding-top: 140%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
}
#cams {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}
#my-video {
    display: none;
    max-width: 100%;
    margin: 0 auto 0 auto;
}
.cam {
    position: absolute;
}
.center {
    text-align: center;
}

@media screen and (max-width: 584px) {
    #map {
        width: 100%;
        background-size: contain;
    }
}