Ограничить окончание веб-страницы

У меня есть этот div, где я встроил Google maps с полной шириной, и все идеально.

Единственное, что я хочу, чтобы сайт закончился этой картой, но после карты есть большое белое пустое пространство, которое очень раздражает, и я не могу избавиться.

это белое пространство:Введите описание изображения здесь

Это HTML:

<section id="map">

            <div class="row map-responsive">


                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3610.334763153511!2d55.25977471511042!3d25.191930738095937!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f69d635700003%3A0x5c8b6fcc676e05d2!2sEngage+Me!5e0!3m2!1sen!2sae!4v1462471068339" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>



            </div>
    </section>

стиль CSS:

.map-responsive{
    margin-top: 0;
    padding-top: 0;
    overflow:hidden;
    position:relative;
    top: -150px;
    padding: 30%;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:300px;
    width:100% !important;
    position:absolute;
}

1 ответ