diff --git a/_assets/src/css/listing.css b/_assets/src/css/listing.css
index b16bf6cc..4f367266 100644
--- a/_assets/src/css/listing.css
+++ b/_assets/src/css/listing.css
@@ -1,8 +1,3 @@
-#listing {
-    max-width: calc(100% - 1.2em);
-    width: 100%;
-}
-
 #listing h2 {
     margin: 0 0 0 0.5em;
     font-size: .9em;
diff --git a/_assets/src/css/mobile.css b/_assets/src/css/mobile.css
index 2aaf54cc..7634a646 100644
--- a/_assets/src/css/mobile.css
+++ b/_assets/src/css/mobile.css
@@ -10,3 +10,23 @@
     width: calc(100% - 13em)
   }
 }
+
+@media (max-width: 736px) {
+  nav {
+    top: 0;
+    z-index: 9999;
+    background: #fff;
+    height: 100%;
+    width: 13em;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  }
+
+  #listing.list .item.header, main {
+    width: calc(100% - 2em);
+  }
+
+  main {
+    margin: 0 1em;
+    width: calc(100% - 2em);
+  }
+}