diff --git a/_src/_assets/styles/_page-front.scss b/_src/_assets/styles/_page-front.scss
index cc9c8c2..240f126 100644
--- a/_src/_assets/styles/_page-front.scss
+++ b/_src/_assets/styles/_page-front.scss
@@ -29,11 +29,15 @@
     margin-top: $spacer;
 
     h3 {
-        @extend .h5;
+        @extend .h6;
         display: block;
         margin-bottom: 0;
         margin-top: 0;
         hyphens: auto;
+
+        @media ($screen-sm) {
+            font-size: $font-size-h5;
+        }
     }
 
     sub {
diff --git a/_src/index.html b/_src/index.html
index f538fd9..3982cbf 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -40,7 +40,7 @@ intro:
     </div>
 
     <div class="row row--wide">
-        <div class="section-intro__main grid grid--full grid-small--fit grid--gutters">
+        <div class="section-intro__main grid grid--half grid-small--fit grid--gutters">
             {% for feature in page.intro.keyfeatures %}
             <div class="grid__col">
                 <svg class="icon">