make back to top and big headings only for tablets and up

1 files changed, 26 insertions, 25 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 0f20ec6d4..b6117e927 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -32,26 +32,6 @@ body {
   padding-right: 15px;
 }
 
-/* Back to top link */
-.bs-docs-top {
-  float: left;
-  padding: 7px 15px;
-  font-weight: 500;
-  color: #999;
-  background-color: #eee;
-  border-radius: 4px;
-}
-.bs-docs-top:hover {
-  color: #fff;
-  text-decoration: none;
-  background-color: #999;
-}
-.bs-docs-top.affix {
-  position: fixed;
-  right:  15px;
-  bottom: 15px;
-}
-
 /* Side notes for calling out things */
 .bs-docs-sidenote {
   margin: 20px 0;
@@ -92,11 +72,6 @@ section > ul li {
   color: #b94a48;
   border-bottom: 5px solid #b94a48;
 }
-.bs-docs-section-header h1 {
-  font-size: 80px;
-  font-size: 8rem;
-  line-height: 1;
-}
 
 /* Base class */
 .bs-docs-jumbotron {
@@ -728,6 +703,32 @@ input.focused {
 /* Tablets and up */
 @media screen and (min-width: 768px) {
 
+  /* Back to top link */
+  .bs-docs-top {
+    float: left;
+    padding: 7px 15px;
+    font-weight: 500;
+    color: #999;
+    background-color: #eee;
+    border-radius: 4px;
+  }
+  .bs-docs-top:hover {
+    color: #fff;
+    text-decoration: none;
+    background-color: #999;
+  }
+  .bs-docs-top.affix {
+    position: fixed;
+    right:  15px;
+    bottom: 15px;
+  }
+
+  .bs-docs-section-header h1 {
+    font-size: 80px;
+    font-size: 8rem;
+    line-height: 1;
+  }
+
   /* Account for fixed navbar (which is static to start) */
   .bs-docs-docs {
     padding-left: 260px;