hero subtitle tinkering

_src/_assets/styles/_page-enterprise.scss

@@ -33,8 +33,10 @@
     @media ($screen-md) {
         height: auto;
 
-        hgroup {
+        .section-subtitle,
+        .section-description {
             max-width: 66%;
+            margin-left: 0;
         }
     }
 

_src/_assets/styles/bigchain/_hero.scss

@@ -37,10 +37,23 @@ $menu-height-md: 66px;
 
         &::after { display: none; }
     }
+
+    .section-subtitle {
+        font-size: $font-size-h4;
+
+        @media ($screen-sm) {
+            font-size: $font-size-h3;
+        }
+
+        @media ($screen-md) {
+            font-size: $font-size-h2;
+        }
+    }
 }
 
     // intro animation
     .section-title,
+    .section-subtitle,
     .section-description,
     .hero__action {
         .wf-active &,

_src/enterprise.html

@@ -6,7 +6,8 @@ title: Enterprise
 js: page-enterprise.min.js
 
 hero:
-    title: "Bring the best of blockchain to your enterprise with BigchainDB."
+    title: "Performance, scale and geared for builders."
+    subtitle: "Bring the best of blockchain to your enterprise."
     description: "From ideation to production, BigchainDB has the team and technology to deploy enterprise-grade applications and platforms for businesses looking to build the tools of tomorrow."
     cta:
         - name: Get in touch
@@ -42,6 +43,7 @@ partners:
     <div class="hero__content row row--wide">
         <hgroup>
             <h1 class="section-title">{{ page.hero.title }}</h1>
+            <h2 class="section-subtitle">{{ page.hero.subtitle }}</h2>
             <p class="section-description">{{ page.hero.description }}</p>
 
             {% for cta in page.hero.cta %}