edited spacing

src/components/SplashPage.vue

@@ -20,6 +20,7 @@ body {
 
 #magi {
   width: 100%;
+  z-index: -1;
 }
 
 #mag_title {
@@ -27,7 +28,8 @@ body {
   color: #333042;
   font-family: 'Work Sans', sans-serif;
    text-align: center;
-   padding-top: 10%;
+   padding-top: 30%;
+   z-index: 1;
 
 }
 
@@ -118,21 +120,17 @@ a {
   <b-row id="main_container">
     <b-col md="6">
       <b-row>
-        <b-col md="2"></b-col>
+        <b-col md="8" offset-md="3">
-        <b-col md="8">
       <a href="/about"><p id="mag_title">Magiun</p></a>
     </b-col>
-      <b-col md="2"></b-col>
 
     </b-row>
     <b-row>
-      <b-col md="2"></b-col>
+      <b-col md="8" offset-md="3">
-      <b-col md="8">
 
         <p id="mag_subtitle">#1 On eating in isolation</p>
       </b-col>
 
-        <b-col md="2"></b-col>
 
     </b-row>
     </b-col>