WIP

dist/app.css

@@ -12037,6 +12037,17 @@ a {
   font-family: "Goudy Bookletter 1911", serif;
 }
 
+.headline-lg, section.side-by-side-text h2, section.side-by-side-text .h2 {
+  font-size: 35px;
+  line-height: 35px;
+}
+@media (min-width: 768px) {
+  .headline-lg, section.side-by-side-text h2, section.side-by-side-text .h2 {
+    font-size: 70px;
+    line-height: 70px;
+  }
+}
+
 .cta-button {
   margin-bottom: 0;
 }
@@ -12172,8 +12183,6 @@ section.side-by-side-text {
 }
 section.side-by-side-text h2, section.side-by-side-text .h2 {
   color: #063C5A;
-  font-size: 70px;
-  line-height: 70px;
   max-width: 595px;
 }
 section.side-by-side-text .right > * {

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=e87e05bd26822b1fc6dae092decfb838",
-    "/app.css": "/app.css?id=36ae089ad115ea34a00d79f95fb8d453"
+    "/app.css": "/app.css?id=be3212f158a737dabc69989e0b8a6782"
 }

src/scss/flex-side-by-side.scss

@@ -3,9 +3,8 @@ section.side-by-side-text {
 
     h2 {
         @extend .goudy;
+        @extend .headline-lg;
         color: $c-navy;
-        font-size: 70px;
-        line-height: 70px;
         max-width: 595px;
     }
 

src/scss/global.scss

@@ -10,6 +10,16 @@ a {
     font-family: 'Goudy Bookletter 1911', serif;
 }
 
+.headline-lg {
+    font-size: 35px;
+    line-height: 35px;
+
+    @include media-breakpoint-up(md) {
+        font-size: 70px;
+        line-height: 70px;
+    }
+}
+
 .cta-button {
     margin-bottom: 0;