@charset "UTF-8";

.map {
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media only screen and (min-width: 768px) {

    .map {
        width: 80%;
    padding-bottom: 40%;
    }

}


@media only screen and (min-width: 1140px) {

    .map {
        width: 70%;
    padding-bottom: 40%;
    }

}