nicer 404 page, fixes #28

_src/404.md

@@ -6,4 +6,4 @@ sitemap: false
 title: Oops, that didn't work
 ---
 
-[Back to site](/)
+Pardon us, the page you requested isn't here. Please check the the url for typos or [start from home](/).

_src/_assets/styles/_page-404.scss

@@ -1,14 +1,28 @@
 
 .page-404 {
-    .header {
-        background-image: url('/assets/img/fail-cat.gif');
-        min-height: 420px;
+    position: relative;
+    background-image: url('/assets/img/fail-cat.gif');
+    background-size: cover;
+    background-position: center center;
+    @extend .color-overlay;
+    min-height: 100vh;
 
-        @media ($screen-md) {
-            min-height: 100vh;
-        }
+    &:before {
+        z-index: -1;
     }
-    .content--page {
+
+    .header {
+        background: none;
+        &:before { display: none; }
+    }
+
+    .content--page--markdown {
         text-align: center;
+        padding-top: 0;
+        margin-bottom: ($spacer * 6);
+    }
+
+    .menu--footer {
+        a { color: #fff }
     }
 }