1 files changed, 37 insertions, 10 deletions
diff --git a/md/53hor.net/styles.css b/md/53hor.net/styles.css
index 1ce2894..62b54f2 100644
--- a/md/53hor.net/styles.css
+++ b/md/53hor.net/styles.css
@@ -9,10 +9,37 @@
   --balboa:#1a5a72;
 }
 
+@media screen and (max-width: 1000px) {
+  article {
+    position: relative;
+    padding: 0;
+    display: inline;
+  }
+
+  #topnav {
+    position: static;
+    top: auto;
+  }
+
+  #topnav img {
+    display: inline;
+  }
+
+  #topnav a {
+    float: none;
+    width: 100%;
+  }
+
+  #TOC {
+    display: none;
+  }
+
+}
+
 #TOC {
   box-shadow: 3px 7px 5px black;
   position: fixed;
-  width: 15%;
+  width: 20%;
   height: 100%;
   margin: 0;
   background-color: white;
@@ -23,9 +50,9 @@
 #TOC ul {
   overflow: none;
   height: 100%;
-  list-style-type: disc;
+  list-style-type: none;
   color: var(--balboa);
-  padding-left: 1em;
+  padding-left: 0.5em;
 }
 
 #TOC li a {
@@ -33,7 +60,7 @@
   display: block;
   color: gray;
   font-weight: 400;
-  font-size: 0.7em;
+  font-size: 0.8em;
   font-style: italic;
   transition: 0.25s;
 }
@@ -51,17 +78,17 @@
   width: 100%;
   background-color: var(--balboa);
   z-index: 1;
+  display: table;
 }
 
 #topnav img {
-  padding-left: 2.5em;
-  padding-top: 1em;
-  display: block;
+  display: table-cell;
+  vertical-align: bottom;
 }
 
 #topnav a {
-  float: right;
-  display: block;
+  float: left;
+  display: table-cell;
   text-align: center;
   padding: 1em 1em;
   text-decoration: none;
@@ -94,7 +121,7 @@ body {
 
 article {
   height: 100%;
-  margin-left: 15%;
+  margin-left: 20%;
   margin-top: 3em;
 }