temporarily disabled footer

src/routes/_layout.svelte

@@ -10,7 +10,7 @@
 
   <slot />
 
-  <Footer />
+  <!--<Footer />-->
 </div>
 
 <style>

src/routes/about-contact.svelte

@@ -108,11 +108,13 @@
   }
 
   .c{
-    top: -100px;
+    top: -1000px;
+    left: -1000px;
     position: absolute;
   }
   .j{
-    top: -150px;
+    top: -1500px;
+    left: -1500px;
     position: absolute;
   }
 

src/routes/index.svelte

@@ -3,6 +3,7 @@
   import Globe from "../components/Globe.svelte";
   import IntroText from "../components/IntroText.svelte";
   import TalkingPointContainer from "../components/TalkingPointContainer.svelte";
+  import MediaQuery from "svelte-media-query";
   import TalkingPointContent from "../components/TalkingPointContent.svelte";
   import TalkingPointName from "../components/TalkingPointName.svelte";
   import PartnerContainer from "../components/PartnerContainer.svelte";
@@ -15,8 +16,16 @@
 <div class="site">
   <div class="hero">
     <div class="container">
-      <Globe/>
-      <FemtoHeader />
+      <MediaQuery query="only screen and (max-device-width: 900px) and (orientation: portrait)" let:matches>
+        {#if matches}
+          <FemtoHeader />  
+          <Globe/>
+        {:else}
+          <Globe/>
+          <FemtoHeader />
+        {/if}
+      </MediaQuery>
+      
     </div>
   </div>