.map-container-large {
    width: 100%;
    height: 350px;
    margin-top: 30px;
}

.map-responsive-large {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    height: 450px;
}

    .map-responsive-large iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

@media (max-width: 768px) {
    .map-container-large

{
    height: 400px;
}

.map-responsive-large {
    height: 400px;
    padding-bottom: 60%;
}
}