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, 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 {
+.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2, section.flex-5050-cta h1, section.flex-5050-cta .h1, 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;
 }
 
@@ -12130,6 +12130,16 @@ section.multiblock-callout .callouts-wrapper .callout .content p.headline {
   line-height: 34px;
 }
 
+section.flex-5050-cta {
+  position: relative;
+  padding: 6rem 0;
+}
+section.flex-5050-cta h1, section.flex-5050-cta .h1 {
+  color: #063C5A;
+  font-size: 70px;
+  line-height: 70px;
+}
+
 .team-members .team-members-wrapper {
   display: flex;
   flex-wrap: wrap;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=b2bb679cd6364b506b591bd248874484"
+    "/app.css": "/app.css?id=3a140c2296d23575db25989acbbd584d"
 }

src/scss/app.scss

@@ -9,6 +9,7 @@
 @import "flex-side-by-side";
 @import "flex-text-over-image-b";
 @import "flex-multiblock-callout";
+@import "flex-5050-cta";
 
 @import "team-members";
 @import "team-member";

src/scss/flex-5050-cta.scss

@@ -0,0 +1,11 @@
+section.flex-5050-cta {
+    position: relative;
+    padding: 6rem 0;
+
+    h1 {
+        @extend .goudy;
+        color: $c-navy;
+        font-size: 70px;
+        line-height: 70px;
+    }
+}

tpl/flex_5050_cta.tpl

@@ -0,0 +1,18 @@
+<section class="flex-5050-cta">
+    <div class="overflow-image" style="background-image:url({{ image }})">&nbsp;</div>
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h2>{{ headline }}</h2>
+                {{{ content }}}
+
+                {{#if button_target}}
+                    <p class="cta-button">
+                        <a href="{{ button_target }}">{{ button_text }}</a>
+                    </p>
+                {{/if}}
+            </div>
+            <div class="col">&nbsp;</div>
+        </div>
+    </div>
+</section>