dont mask title on smartphones

layouts/default.vue

@@ -58,16 +58,18 @@ export default {
     transition: margin .5s ease-in-out;
 }
 main {
-  padding-top: 8rem;
+  padding-top: 10rem;
   position: relative;
 
   @media (min-width:768px) {
-    padding-top: 5rem;
+    padding-top: 8rem;
   }
 }
+
 .fade-enter-active, .fade-leave-active {
   transition: opacity .5s;
 }
+
 .fade-enter, .fade-leave-to {
   opacity: 0;
 }