docs : responsive styles

css/style.css

@@ -385,13 +385,12 @@ body.doc {
   border-bottom: 1px dotted;
 }
 
-@media screen and (min-width: 768px) {
 
-  body.doc {
+body.doc {
   margin-left: 220px;
-  }
+}
 
-  .doc nav {
+.doc nav {
   width: 210px;
   position: fixed;
   left: 10px;
@@ -399,10 +398,26 @@ body.doc {
   padding-top: 20px;
   height: 100%;
   overflow: auto;
-  }
+}
 
-  .doc nav h1 {
+.doc nav h1 {
   margin-top: 0;
+}
+
+@media screen and (max-width: 768px) {
+
+  body.doc {
+    margin-left: 0px;
+  }
+  
+  .doc nav {
+    width: auto;
+    position: relative;
+    left: auto;
+    top: auto;
+    padding-top: 0px;
+    height: auto;
+    margin-bottom: 20px;
   }
 
 }