responsive docs

website/source/stylesheets/_docs.less

@@ -18,6 +18,7 @@ body.layout-intro{
 				bottom: 0;
 				left: -9999px;
 				right: 0;
+				border-left: none;
 				box-shadow: 9999px 0 0 white;
 			}
 
@@ -174,3 +175,18 @@ body.layout-intro{
         margin-top: 30px;
     }
 }
+
+
+@media (max-width: 992px) {
+	body.layout-docs,
+	body.layout-intro{
+		>.container{
+			.col-md-8[role=main]{
+				min-height: 0;
+				&::before {
+					border-left: 9999px solid white;
+				}
+			}
+		}
+	}
+}

website/source/stylesheets/main.css

@@ -652,6 +652,7 @@ body.layout-intro > .container .col-md-8[role=main]::before {
   bottom: 0;
   left: -9999px;
   right: 0;
+  border-left: none;
   box-shadow: 9999px 0 0 white;
 }
 body.layout-docs > .container .col-md-8[role=main] > div,
@@ -780,6 +781,16 @@ body.layout-intro > .container .col-md-8[role=main] > div {
 .bs-docs-section #graph {
   margin-top: 30px;
 }
+@media (max-width: 992px) {
+  body.layout-docs > .container .col-md-8[role=main],
+  body.layout-intro > .container .col-md-8[role=main] {
+    min-height: 0;
+  }
+  body.layout-docs > .container .col-md-8[role=main]::before,
+  body.layout-intro > .container .col-md-8[role=main]::before {
+    border-left: 9999px solid white;
+  }
+}
 .downloads {
   margin-top: 20px;
 }