<style> .google-maps { position: relative; padding-bottom: 50%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } </style> <div class="google-maps"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3055.924768993221!2d-0.04194238461641794!3d40.01012797941437!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd5ffe4d07db0e09%3A0x72069a10b8cbc32c!2sTalleres+Mafer!5e0!3m2!1ses!2ses!4v1504863792098" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe> </div>