diff --git a/src/components/marketing/sections/contact-sections/split_two_tone.vue b/src/components/marketing/sections/contact-sections/split_two_tone.vue
index f43fc802f..d4029f314 100644
--- a/src/components/marketing/sections/contact-sections/split_two_tone.vue
+++ b/src/components/marketing/sections/contact-sections/split_two_tone.vue
@@ -1,37 +1,8 @@
 <template>
-  <section class="text-gray-600 body-font relative mt-20">
-    <div class="absolute inset-0 bg-gray-300">
-      <iframe
-        width="100%"
-        height="100%"
-        frameborder="0"
-        marginheight="0"
-        marginwidth="0"
-        title="map"
-        scrolling="no"
-        :src="map.map"
-        style=""
-      ></iframe>
-    </div>
+  <section class="text-gray-600 relative body-font">
     <div class="container px-5 py-24 mx-auto flex">
-      <div
-        class="
-          lg:w-1/3
-          md:w-1/2
-          bg-white
-          rounded-lg
-          p-8
-          flex flex-col
-          md:ml-auto
-          w-full
-          mt-10
-          md:mt-0
-          relative
-          z-10
-          shadow-md
-        "
-      >
-        <h2 class="text-gray-900 text-lg mb-1 font-medium title-font">
+      <div class="lg:w-1/2 mt-10 md:mt-0">
+        <h2 class="text-gray-900 text-lg mb-1 font-large title-font">
           {{ contacts.title }}
         </h2>
         <p class="leading-relaxed text-gray-600">
@@ -53,6 +24,21 @@
         </p>
       </div>
     </div>
+    <div class="relative" style="width: 100%; height: 450px">
+      <div class="absolute inset-0 bg-gray-300">
+        <iframe
+          width="100%"
+          height="100%"
+          frameborder="0"
+          marginheight="0"
+          marginwidth="0"
+          title="map"
+          scrolling="no"
+          :src="map.map"
+          style=""
+        ></iframe>
+      </div>
+    </div>
   </section>
 </template>