From 0fdaf5bd4e59093c12af67dd8975862a7080c37a Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Tue, 22 Oct 2019 18:47:25 +0200
Subject: [PATCH] Cleaned up 404 page. Removed elements and property set the
 height of background

---
 src/components/404.vue | 28 ++++++++++++----------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/404.vue b/src/components/404.vue
index 4df8cea..352a7f1 100644
--- a/src/components/404.vue
+++ b/src/components/404.vue
@@ -1,8 +1,6 @@
 <template>
   <section class="not-found">
-    <div class="not-found__content">
-      <h1 class="not-found__title">Page Not Found</h1>
-    </div>
+    <h1 class="not-found__title">Page Not Found</h1>
   </section>
 </template>
 
@@ -28,23 +26,21 @@ export default {
 
   &:before {
     background: $background-40;
-    height: 100%;
+    height: calc(100vh - var(--header-size));
     width: 100%;
     content: "";
     position: absolute;
   }
-  &__content {
-    padding-top: 30%;
-  }
-    &__title{
-      font-size: 2rem;
-      font-weight: 500;
-      color: $text-color;
-      position: relative;
-      margin: 0;
-      @include tablet-min{
-        font-size: 2.3rem;
-      }
+  &__title{
+   padding-top: 40vh;
+    font-size: 2rem;
+    font-weight: 500;
+    color: $text-color;
+    position: relative;
+    margin: 0;
+    @include tablet-min{
+      font-size: 2.3rem;
     }
+  }
 }
 </style>