diff --git a/app/assets/stylesheets/app/components/equator.scss b/app/assets/stylesheets/app/components/equator.scss
deleted file mode 100644
index b1e179b84..000000000
--- a/app/assets/stylesheets/app/components/equator.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.equator {
-  display: table;
-  width: 100%;
-  height: 100%; /* For Firefox */
-  min-height: 100%;
-}
-
-.equator-container {
-  display: table-cell;
-  vertical-align: middle;
-}
diff --git a/app/views/errors/error.html.erb b/app/views/errors/error.html.erb
index 5c025cb0d..948cbe4d0 100644
--- a/app/views/errors/error.html.erb
+++ b/app/views/errors/error.html.erb
@@ -1,13 +1,5 @@
-<div class="modal equator">
-  <div class="equator-container">
-    <div class="modal-dialog">
-      <div class="modal-content center">
-        <div class="modal-body">
-          <h3>Sorry, something went wrong with Assembly.</h3>
-          <p>We've been notified and should have it fixed soon.</p>
-          <a href="<%= root_url %>">Assembly Home</a>
-        </div>
-      </div>
-    </div>
-  </div>
+<div class="sm-col-11 md-col-6 mx-auto mt3 bg-white rounded border border-darken-2 center p4">
+  <h3 class="mt0 red">Sorry, Assembly had a problem.</h3>
+  <p>We've been notified and should have it fixed soon.</p>
+  <a href="<%= root_url %>" class="button button--default">Go back home</a>
 </div>
diff --git a/app/views/errors/not_found.html.erb b/app/views/errors/not_found.html.erb
index 0784fca20..a8d4a515f 100644
--- a/app/views/errors/not_found.html.erb
+++ b/app/views/errors/not_found.html.erb
@@ -1,35 +1,24 @@
 <style>
-  html {
-  background: url(<%= image_path("404/#{@background}.jpg") %>) no-repeat center center fixed;
-  -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;
-  background-size: cover;
-  }
-  .navbar{
-    z-index:2000;
+  body {
+    background: url(<%= image_path("404/#{@background}.jpg") %>) no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
   }
 </style>
 
 <%= render 'shared/navbar' %>
 
-<div class="modal equator">
-  <div class="equator-container">
-    <div class="modal-dialog">
-      <div class="center">
-        <div class="modal-body">
-          <h3 <% if [3,5].include?(@background) %>style="color:#eee;"<% end %>>We still haven't found what you're looking for</h3>
-          <form action="<%= discover_path %>">
-            <div class="form-group has-feedback">
-              <div class="input-group-search">
-                <input type="search" name="search" value="<%= params[:search] %>" placeholder="Search" class="form-control" autocomplete="off">
-              </div>
-              <input type="hidden" name="type" value="">
-            </div>
-            <button type="submit" class="btn btn-default sr-only">Search</button>
-          </form>
-        </div>
+<div class="sm-col-11 md-col-6 mx-auto mt4 center">
+  <h3 class-"mt0" <% if [3,5].include?(@background) %>style="color:#eee;"<% end %>>We couldn't find that :(</h3>
+  <form action="<%= discover_path %>">
+    <div class="form-group has-feedback">
+      <div class="input-group-search">
+        <input type="search" name="search" value="<%= params[:search] %>" placeholder="Search" class="form-control" autocomplete="off">
       </div>
+      <input type="hidden" name="type" value="">
     </div>
-  </div>
+    <button type="submit" class="button button--default sr-only">Search</button>
+  </form>
 </div>