mobile fixes

_src/_assets/styles/bigchain/_sections.scss

@@ -38,6 +38,7 @@
 .section-title {
     font-size: $font-size-h3;
     margin-top: 0;
+    margin-bottom: 0;
 
     &:after {
         content: "";

_src/_assets/styles/page-front.scss

@@ -9,6 +9,7 @@
     overflow: hidden;
     position: relative;
     text-shadow: 0 1px 0 rgba(0,0,0,.1);
+    min-height: 100vh;
 
     // background
     background: url('../img/photo1.jpg') no-repeat center bottom;
@@ -35,21 +36,19 @@
         z-index: 1;
     }
 
-    @media ($screen-sm) {
-        height: 100vh;
-    }
-
     .logo {
         fill-opacity: .6;
         margin: auto;
-        margin-top: -($spacer * 8);
-        margin-bottom: ($spacer * 2);
         max-width: 31em;
+
+        @media ($screen-sm) {
+            margin-top: -($spacer * 6);
+            margin-bottom: ($spacer * 2);
+        }
     }
 
     .section-title {
         color: #fff;
-        font-size: $font-size-h1;
         margin-bottom: ($spacer * 3);
 
         &:after { display: none }

_src/index.html

@@ -28,7 +28,7 @@ front_page: true
             <h1 class="section-title">Key Features</h1>
         </header>
         <div class="section-description">
-            <div class="grid grid--gutters">
+            <div class="grid grid--full grid-small--fit grid--gutters">
                 <p class="grid__col">
                     <svg class="icon">
                         <use xlink:href="/assets/img/sprite.svg#icon-graph"></use>