Fix up media-specific doc styling issues

docs/static/css/default.css

@@ -200,11 +200,13 @@ body a:hover{
          max-width: 240px;
      }
 
+     .navbar {
+      position: fixed;
+     }
      .navbar .navbar-inner .container-fluid{
       max-width: 1110px;
      }
- }
-
+}
 
 /* sticky footer and footer */
 html, body {
@@ -222,6 +224,24 @@ html, body {
   padding-bottom: 70px;
 }
 
+@media (max-width: 979px) {
+  .navbar-fixed-top .navbar-inner {
+    padding: 0px;
+  }
+}
+
+@media (max-width: 767px) {
+  .body-content{
+    padding-top: 0px;
+  }
+}
+
+@media (min-width: 768px) {
+  footer.span12 {
+    width: 95%;
+  }
+}
+
 footer, .push {
   height: 60px; /* .push must be the same height as .footer */
 }