flip the columns, tweak some of the styles

docs/_layouts/docs.html

@@ -21,10 +21,10 @@
 
     <div class="container">
       <div class="row">
-        <div class="col-xs-12 col-md-3 push-md-9 bd-sidebar">
+        <div class="col-xs-12 col-md-3 bd-sidebar">
           {% include nav-docs.html %}
         </div>
-        <div class="col-xs-12 col-md-9 pull-md-3 bd-content">
+        <div class="col-xs-12 col-md-9 bd-content">
           <h1 class="bd-title" id="content">{{ page.title }}</h1>
           {{ content }}
         </div>

docs/assets/scss/_anchor.scss

@@ -1,4 +1,8 @@
+// scss-lint:disable ImportantRule
+
 .anchorjs-link {
+  padding-right: .25em !important;
+  margin-left: -.75em !important;
   color: inherit;
 }
 

docs/assets/scss/_content.scss

@@ -54,14 +54,27 @@
   > ol li {
     margin-bottom: .25rem;
   }
+
+  @include media-breakpoint-up(sm) {
+    > ul,
+    > ol,
+    > p {
+      max-width: 80%;
+    }
+  }
 }
 
 .bd-title {
+  margin-bottom: 2rem;
+  font-weight: 300;
+
   @include media-breakpoint-up(sm) {
     font-size: 3rem;
 
     + p {
-      font-size: 1.25rem;
+      max-width: 80%;
+      margin-bottom: 2rem;
+      font-size: 1.5rem;
       font-weight: 300;
     }
   }

docs/assets/scss/_sidebar.scss

@@ -2,12 +2,6 @@
 // Side navigation
 //
 
-.bd-sidebar {
-  @include media-breakpoint-up(md) {
-    padding-left: 1rem;
-  }
-}
-
 .bd-search {
   position: relative;
   margin-bottom: 1.5rem;
@@ -22,6 +16,10 @@
       background-color: #fff;
     }
   }
+
+  @include media-breakpoint-up(md) {
+    padding-right: 1rem;
+  }
 }
 
 .bd-search-results {