diff --git a/content/pages/404.html b/content/pages/404.html
index 12ee43b..3266105 100644
--- a/content/pages/404.html
+++ b/content/pages/404.html
@@ -1,17 +1,26 @@
 <head>
-  <meta name="slug" content="404" />
-  <meta name="save_as" content=".404.html">
+  <meta name="save_as" content=".404.html" />
   <meta name="title" content="Uh Oh - There's nothing here!" />
-  <meta name="html_title" content="404 - Page not found">
+  <meta name="html_title" content="404 - Page not found" />
+  <meta name="no_container" content="true" />
 </head>
 <body>
-  <section>
+  <section id="header" class="bg-primary header-bg">
+    <div class="container text-center text-uppercase">
+      <h1 class="section-heading">{{ page.title }}</h1>
+      <hr class="light">
+    </div>
   </section>
   <section>
-    <h3>The page you were looking for could not be found.</h3>
-    <h4>Don't worry, I've send these badass tech ninjas to go and find it. Rest assured it will be found!</h4>
+    <div class="container text-center">
+      <h3>The page you were looking for could not be found.</h3>
+      <h1>¯\_(ツ)_/¯</h1>
+    </div>
   </section>
   <section>
-    For now, here's a cat GIF!
+    <div class="container text-center">
+      <p>For now, here's a picture of a cat!</p>
+      <img src="https://2.bp.blogspot.com/-mh8wLBv3gzk/TcTXhBCp3oI/AAAAAAAAxGA/dE9RuE1bNdc/s1600/CaturdayTechSupport6.jpg" alt="Cat" style="width: 50%;" />
+    </div>
   </section>
 </body>
diff --git a/theme/static/src/scss/functional.scss b/theme/static/src/scss/functional.scss
index c1432e0..9767098 100644
--- a/theme/static/src/scss/functional.scss
+++ b/theme/static/src/scss/functional.scss
@@ -1,3 +1,8 @@
 .margin {
   margin: 15px;
 }
+
+.header-bg {
+  background-image: url("../img/header.jpg");
+  background-position: center;
+}
