Update style.css

style.css

@@ -9,6 +9,7 @@
 }
 
 body {
+  min-width: 290px;
   background-color: #2b5b84;
   color: #ffd343;
   font-family: 'Open Sans', Arial, sans-serif;
@@ -20,28 +21,6 @@ main {
   padding: 20px;
 }
 
-@media (max-width: 815px) {
-  #main-doc {
-    position: relative;
-    margin-left: 0px;
-    margin-top: 270px;
-    z-index: 0;
-  }
-}
-
-@media (max-width: 815px) {
-  #navbar {
-  position: absolute;
-  top: 0;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  max-height: 275px;
-  border: none;
-  z-index: 1;
-  }
-}
-
 
 #navbar {
   position: fixed;
@@ -53,6 +32,7 @@ main {
   border-right: solid;
 }
 
+
 #navbar header {
   text-align: center;
   margin: 15px;
@@ -98,3 +78,23 @@ a:hover {
   color: rgb(0,255,0);
 }
 
+@media (max-width: 815px) {
+  #navbar {
+    display: block;
+    position: absolute;
+    top: 0;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    max-height: 275px;
+    border: none;
+    z-index: 1;
+  }
+  #main-doc {
+    display: block;
+    position: relative;
+    margin-left: 0px;
+    margin-top: 270px;
+  }
+}
+