docs tweaks for responsivev4.0.0-alpha

1 files changed, 16 insertions, 5 deletions

diff --git a/docs/assets/scss/_featurettes.scss b/docs/assets/scss/_featurettes.scss
index ba0c73438..0198cdb6c 100644
--- a/docs/assets/scss/_featurettes.scss
+++ b/docs/assets/scss/_featurettes.scss
@@ -4,7 +4,7 @@
   font-size: 1rem;
   line-height: 1.5;
   color: #555;
-  // text-align: center;
+  text-align: center;
   background-color: #fff;
   border-top: 1px solid #eee;
 
@@ -12,6 +12,10 @@
     text-align: left;
   }
 
+  @include media-breakpoint-up(sm) {
+    text-align: left;
+  }
+
   @include media-breakpoint-up(md) {
     .col-sm-6:first-child {
       padding-right: ($grid-gutter-width * 1.5);
@@ -29,13 +33,18 @@
   color: #333;
 
   + .lead {
-    font-size: 1.5rem;
+    font-size: 1rem;
     margin-bottom: 2rem;
   }
 }
 .half-rule {
   width: 6rem;
-  margin: 2.5rem 0;
+  margin: 2.5rem auto;
+
+  @include media-breakpoint-up(sm) {
+    margin-right: 0;
+    margin-left: 0;
+  }
 }
 .bd-featurette h4 {
   margin-top: 1rem;
@@ -69,11 +78,13 @@
   }
   .bd-featurette-title {
     font-size: 2.5rem;
+
+    + .lead {
+      font-size: 1.5rem;
+    }
   }
   .bd-featurette .lead {
     max-width: 80%;
-    // margin-right: auto;
-    // margin-left: auto;
   }
   .bd-featurette .img-responsive {
     margin-top: 0;