diff --git a/static/css/main.css b/static/css/main.css
index a6c0fcf..2e39fdb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -160,8 +160,36 @@ ul li {
 }
 
 @media only screen 
-    and (min-width: 480px) 
+    and (min-width: 576px) 
+    and (max-width: 768px) {
+    header#menu {
+        flex-direction: column;
+    }
+    .form-row {
+        flex-direction: row;
+    }
+    pre.ascii {
+	    font-size: 0.8rem;
+    }
+}
+@media only screen 
+    and (min-width: 768px) 
+    and (max-width: 992px) {
+    header#menu {
+        flex-direction: column;
+    }
+    .form-row {
+        flex-direction: row;
+    }
+}
+@media only screen 
+    and (min-width: 992px) 
     and (max-width: 1200px) {
+}
+
+@media only screen 
+    and (min-width: 1200px) 
+    and (max-width: 1400px) {
     header#menu {
         flex-direction: column;
     }
@@ -170,12 +198,22 @@ ul li {
     }
 }
 
-@media only screen and (max-width: 480px) {
+@media only screen and (max-width: 576px) {
     header#menu {
         flex-direction: column;
+        margin-bottom: 2rem;
     }
-    article {
+    article#content {
 	font-size: 1em;
+        border: none;
+        border-color: none;
+        border-style: none;
+        border-radius: 0;
+        padding: 0rem;
     }
+    pre.ascii {
+	    font-size: 0.5rem;
+    }
+
 }