diff --git a/404.html b/404.html
index 086a5c9..4e70c3b 100644
--- a/404.html
+++ b/404.html
@@ -1,25 +1,13 @@
 ---
-permalink: /404.html
-layout: default
+layout: error
 ---
 
-<style type="text/css" media="screen">
-  .container {
-    margin: 10px auto;
-    max-width: 600px;
-    text-align: center;
-  }
-  h1 {
-    margin: 30px 0;
-    font-size: 4em;
-    line-height: 1;
-    letter-spacing: -1px;
-  }
-</style>
+<h1>404</h1>
 
-<div class="container">
-  <h1>404</h1>
+<h3>Page not found :(</h3>
 
-  <p><strong>Page not found :(</strong></p>
-  <p>The requested page could not be found.</p>
-</div>
+<p>
+  The page you are looking for might have been removed,
+  had its name changed or is temporary unavailable.
+  Go to the <a href="{{ "/" | absolute_url }}">index page</a> and try again.
+</p>