Mam na stronie dodaną mapę googla (jest responsywna-wszystko działa jak należy) Jest tylko jeden problem. Jak pozbyć się przerwy która występuję po mapie?

Może coś trzeba zmienić w kodzie ?
Kod
<style>
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 50% !important;
    }
</style>

<div class="google-maps">
    <iframe src="https://www.google.com/maps/embed?pb=%211m18%211m12%211m3%211d80127.70530383673%212d16.991863950000006%213d51.1270778999999%212m3%211f0%212f0%213f0%213m2%211i1024%212i768%214f13.1%21
3m3%211m2%211s0x470fe9c2d4b58abf%3A0xb70956aec205e0f5%212zV3JvY8WCYXc%215e0%213m2%211spl%212spl%214v1413221223169" frameborder="0" style="border:0"></iframe>
</div>