diff --git a/404.html b/404.html
index 5942bc6f..87580e21 100644
--- a/404.html
+++ b/404.html
@@ -4,13 +4,39 @@
     <link rel="stylesheet" href="sp17/theme/css/main.css" />
     <link rel="icon" type="image/x-icon" href="./favicon.ico">
 
+    <style>
+      body {
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+        color: #27262b;
+      }
+      .head {
+        margin-left: auto;
+        margin-right: auto;
+        width: 70vw;
+        display: flex;
+        flex-wrap: wrap-reverse;
+        justify-content: center;
+        align-items: center;
+
+        text-align: center;
+      }
+
+      #d8logo {
+        padding-right: 2vw;
+        max-height: 200px;
+      }
+      #d8text {
+        padding-left: 2vw;
+      }
+    </style>
+
     <title>404 Not Found | Data 8</title>
   </head>
 
   <body id="index" class="home">
     <div class="head">
       <img src="./data8.png" id="d8logo"/>
-      <h2>Data 8: Foundations of Data Science</h2>
+      <h2 id="d8text">Data 8: Foundations of Data Science</h2>
     </div>
     <main>
       <h1>
diff --git a/_includes/head-custom.html b/_includes/head-custom.html
index 05ded900..04d310ef 100644
--- a/_includes/head-custom.html
+++ b/_includes/head-custom.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title></title>
-    <link rel="icon" type="image/x-icon" href="../favicon.ico">
+    <link rel="icon" type="image/x-icon" href="../assets/images/favicon.ico">
   </head>
   <body>
 
diff --git a/assets/images/favicon.ico b/assets/images/favicon.ico
new file mode 100644
index 00000000..0027016f
Binary files /dev/null and b/assets/images/favicon.ico differ
