WIP

src/scss/flex-intro-block.scss

@@ -10,9 +10,8 @@
 
     h1 {
         @extend .goudy;
+        @extend .headline-xl;
         margin: 0;
-        font-size: 96px;
-        line-height: 96px;
         text-align: center;
     }
 

src/scss/global.scss

@@ -10,6 +10,16 @@ a {
     font-family: 'Goudy Bookletter 1911', serif;
 }
 
+.headline-xl {
+    font-size: 40px;
+    line-height: 40px;
+
+    @include media-breakpoint-up(md) {
+        font-size: 96px;
+        line-height: 96px;
+    }
+}
+
 .headline-lg {
     font-size: 35px;
     line-height: 35px;