Globe: Temporary fix for responsive sizing, Add correct margins top/bottom

- Ideally the globe would have to get the size within its container (.globe), set via CSS and not on the window

src/style/pages/_homepage.scss

@@ -79,15 +79,7 @@
     }
 
     // Globe
-
     // .globe {
-    //     margin-bottom: calc(-200px - 8vw);
-    //     @include breakpoint (sm) {
-    //         margin-bottom: calc(-100px - 28vw);
-    //     }
-    //     @include breakpoint (xl) {
-    //         margin-bottom: -550px;
-    //     }
     // }
 
     // Browse
@@ -124,9 +116,13 @@
 
     // Massive title
     .anim-title {
-        margin-top: -#{pxVW(352)};
+        margin-top: -#{pxVW(224)};
         margin-left: -60px;
 
+        @include breakpoint (sm) {
+            margin-top: -224px;
+        }
+
         span:nth-of-type(1) {
             letter-spacing: -6vw;
         }

src/style/pages/_page.scss

@@ -93,7 +93,6 @@
 
     // Globe
     // .globe {
-    //     margin-top: 8vw;
     // }
 
 }