fix some of the docs styles at 480 to 768

1 files changed, 18 insertions, 6 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 79c904774..52738d808 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -348,11 +348,6 @@ h2 + table {
     font-size: 18px;
     line-height: 24px;
   }
-  .jumbotron .benefits {
-    position: relative;
-    width: auto;
-    margin: 36px 0;
-  }
   .jumbotron .btn {
     display: block;
     font-size: 18px;
@@ -365,6 +360,23 @@ h2 + table {
     margin: 40px 0 0;
   }
 
+}
+
+
+@media (max-width: 768px) {
+
+  /* Hide the nav for now */
+  body > .navbar-fixed .nav {
+    display: none;
+  }
+
+  /* Adjust the jumbotron */
+  .jumbotron .benefits {
+    position: relative;
+    width: auto;
+    margin: 36px 0;
+  }
+
   /* Popovers */
   .large-bird {
     display: none;
@@ -395,7 +407,7 @@ h2 + table {
 
   .jumbotron h1,
   .jumbotron p {
-    margin-right: 40%;
+    margin-right: 0;
   }
 
 }