fix 404 css

layouts/404.html

@@ -7,11 +7,13 @@
 {{ end }}
 
 {{ define "content" }}
-<div class="notFound">
-    <img src="/assets/images/404.png" alt="">
-    <div class="message">
-        <h1>404</h1>
-        <h4>The page you are looking for is not there yet.</h4>
+<div class="container">
+    <div class="notFound">
+        <img src="/assets/images/404.png" alt="">
+        <div class="message">
+            <h1>404</h1>
+            <h4>The page you are looking for is not there yet.</h4>
+        </div>
     </div>
 </div>
 {{ end }}

static/assets/css/404.css

@@ -49,9 +49,13 @@
 /* Medium devices (tablets, 768px and up) */
 
 @media only screen and (max-width: 768px) {
+  .notFound img {
+    height: 400px;
+  }
+
   .notFound .message {
-    top: 50%;
-    left: 10%;
+    top: 23%;
+    left: 25%;
   }
 }
 
@@ -59,7 +63,7 @@
 
 @media only screen and (max-width: 576px) {
   .notFound img {
-    height: 500px;
+    height: 250px;
   }
 
   .notFound .message {