diff --git a/css/map-box.css b/css/map-box.css
new file mode 100644
index 00000000..1d508e45
--- /dev/null
+++ b/css/map-box.css
@@ -0,0 +1,27 @@
+.contact-tweets .map {
+    position: absolute;
+    height: 100%;
+    padding: 0px;
+    top: 0px;
+    right: 0px;
+  }
+  .map:before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    opacity: 0;
+  }
+  .map iframe {
+    border: 0px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+  .fullwidth-map .map {
+    width: 100%;
+    height: 400px;
+    overflow: hidden;
+  }
\ No newline at end of file
diff --git a/index.html b/index.html
index 840b406c..4da930d9 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,7 @@
     <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
     <link href="css/theme-lava.css" rel="stylesheet" type="text/css" media="all" />
     <link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
+    <link href="css/map-box.css" rel="stylesheet" type="text/css" media="all" />
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
     <script>
        // When the user scrolls down 20px from the top of the document, show the button
@@ -3466,7 +3467,7 @@ <h1>Co-Organizer</h1>
                     </div>
                 </div>
             </div>
-            <div class="map-holder col-md-6 col-sm-4 maps">
+            <div class="map col-md-6 col-sm-4 maps">
                 <iframe src="https://www.openstreetmap.org/export/embed.html?bbox=103.8914528489113%2C1.3187927641225512%2C103.89350205659868%2C1.320457974155969&amp;layer=mapnik&amp;marker=1.3196253692786193%2C103.89247745275497"></iframe>
             </div>
         </section>