diff --git a/media/css/style.css b/media/css/style.css
index f636ff6..f483a3f 100644
--- a/media/css/style.css
+++ b/media/css/style.css
@@ -1010,3 +1010,14 @@ body.editing section.main div.inner section.snipts article.editing aside div.in
 body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-public span {
   color: #B94A48;
 }
+
+body.error section.main div.inner {
+  color: #CCC;
+  font: bold 50px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
+  padding: 63px 0;
+  text-align: center;
+  text-transform: uppercase;
+}
+body.error div.rochester-made {
+  margin-top: 54px;
+}
diff --git a/media/css/style.scss b/media/css/style.scss
index aff800e..486e4d3 100644
--- a/media/css/style.scss
+++ b/media/css/style.scss
@@ -1161,3 +1161,17 @@ body.editing {
         }
     }
 }
+body.error {
+    section.main {
+        div.inner {
+            color: #CCC;
+            font: bold 50px $Helvetica;
+            padding: 63px 0;
+            text-align: center;
+            text-transform: uppercase;
+        }
+    }
+    div.rochester-made {
+        margin-top: 54px;
+    }
+}
diff --git a/templates/404.html b/templates/404.html
index f9038c9..7e6a5c1 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block page-title %}Page Not Found - {{ block.super }}{% endblock %}
+{% block body-class %}error{% endblock %}
 
 {% block content %}
     404: Page Not Found
diff --git a/templates/500.html b/templates/500.html
index aa7105a..d0c2883 100644
--- a/templates/500.html
+++ b/templates/500.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block page-title %}Server Error - {{ block.super }}{% endblock %}
+{% block body-class %}error{% endblock %}
 
 {% block content %}
     500: Server Error