diff --git a/dist/app.css b/dist/app.css
index c73bd43..e462558 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12033,7 +12033,7 @@ a {
   text-decoration: none;
 }
 
-.goudy, .single-team-member .team-member .bio-wrapper .right h2, .single-team-member .team-member .bio-wrapper .right .h2, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.services-blocks h2, section.services-blocks .h2, section.large-quote .quote, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .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, .single-team-member .team-member-top h1, .post-type-archive-team-member .team-members-top h1, .intro_block .h1, .single-team-member .team-member-top .h1, .post-type-archive-team-member .team-members-top .h1 {
+.goudy, .single-team-member .team-member .bio-wrapper .right h2, .single-team-member .team-member .bio-wrapper .right .h2, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.blue-background-grid h2, section.blue-background-grid .h2, section.services-blocks h2, section.services-blocks .h2, section.large-quote .quote, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .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, .single-team-member .team-member-top h1, .post-type-archive-team-member .team-members-top h1, .intro_block .h1, .single-team-member .team-member-top .h1, .post-type-archive-team-member .team-members-top .h1 {
   font-family: "Goudy Bookletter 1911", serif;
 }
 
@@ -12048,13 +12048,13 @@ a {
   }
 }
 
-.headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.services-blocks h2, section.services-blocks .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .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 {
+.headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.blue-background-grid h2, section.blue-background-grid .h2, section.services-blocks h2, section.services-blocks .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .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 {
   font-size: 40px;
   line-height: 40px;
   margin-bottom: 2rem;
 }
 @media (min-width: 768px) {
-  .headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.services-blocks h2, section.services-blocks .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .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 {
+  .headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.blue-background-grid h2, section.blue-background-grid .h2, section.services-blocks h2, section.services-blocks .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .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 {
     font-size: 70px;
     line-height: 70px;
     margin-bottom: 3rem;
@@ -12623,6 +12623,20 @@ section.blue-background-grid svg {
   height: auto;
   opacity: 0.5;
 }
+section.blue-background-grid .blocks {
+  display: flex;
+  flex-direction: column;
+}
+@media (min-width: 992px) {
+  section.blue-background-grid .blocks {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+  section.blue-background-grid .blocks .block:first-of-type {
+    width: 50%;
+    padding-right: 50%;
+  }
+}
 
 .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2 {
   color: #063C5A;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index f5d9edf..b25ae98 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=84b4d00a7465cc1b40669af0fe037a5e"
+    "/app.css": "/app.css?id=5c4b271ea53fee7f61a092337395cc64"
 }
diff --git a/src/scss/flex-blue-background-grid.scss b/src/scss/flex-blue-background-grid.scss
index 6b0f426..a4094f9 100644
--- a/src/scss/flex-blue-background-grid.scss
+++ b/src/scss/flex-blue-background-grid.scss
@@ -3,6 +3,11 @@ section.blue-background-grid {
     padding: 4rem;
     color: $c-white;
 
+    h2 {
+        @extend .goudy;
+        @extend .headline-lg;
+    }
+
     .col {
         position: relative;
     }
@@ -13,4 +18,19 @@ section.blue-background-grid {
         height: auto;
         opacity: 0.5;
     }
+
+    .blocks {
+        display: flex;
+        flex-direction: column;
+
+        @include media-breakpoint-up(lg) {
+            flex-direction: row;
+            flex-wrap: wrap;
+
+            .block:first-of-type {
+                width: 50%;
+                padding-right: 50%;
+            }
+        }
+    }
 }