WIP

dist/app.css

@@ -12033,7 +12033,7 @@ a {
   text-decoration: none;
 }
 
-.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2, .intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 {
+.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2, .intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 {
   font-family: "Goudy Bookletter 1911", serif;
 }
 
@@ -12094,6 +12094,14 @@ section.multiblock-callout {
   padding: 4rem 0;
   color: #fff;
 }
+section.multiblock-callout h2, section.multiblock-callout .h2 {
+  font-size: 70px;
+  line-height: 77px;
+  margin-bottom: 3rem;
+}
+section.multiblock-callout .callouts-wrapper .callout {
+  padding-left: 3rem;
+}
 
 .team-members .team-members-wrapper {
   display: flex;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=928f06f1d37c930ef5c9dc787058e140"
+    "/app.css": "/app.css?id=498a9c9c5655b675b5fc2248a3716116"
 }

src/scss/flex-multiblock-callout.scss

@@ -2,4 +2,21 @@ section.multiblock-callout {
     background-color: $c-navy;
     padding: 4rem 0;
     color: $c-white;
+
+    h2 {
+        @extend .goudy;
+        font-size: 70px;
+        line-height: 77px;
+        margin-bottom: 3rem;
+    }
+
+    .left-image {
+
+    }
+
+    .callouts-wrapper {
+        .callout {
+            padding-left: 3rem;
+        }
+    }
 }

tpl/flex_multiblock_callout.tpl

@@ -1,13 +1,13 @@
 <section class="multiblock-callout">
     <div class="container">
         <div class="row">
-            <div class="col">
+            <div class="col d-flex flex-column">
                 <h2>{{ headline }}</h2>
                 {{{ intro_content }}}
 
-                <div class="left-image" style="background-image: url({{ image }})">&nbsp;</div>
+                <div class="left-image h-100" style="background-image: url({{ image }})">&nbsp;</div>
             </div>
-            <div class="col">
+            <div class="col callouts-wrapper">
                 {{#each callouts}}
                     <div class="callout">
                         <div class="image-wrapper">