From 6b7885228c4c13e07aa435751ad8c2082d0a4682 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 13 May 2025 12:00:03 -0700
Subject: [PATCH] WIP

---
 dist/app.css                         | 12 +++++++-----
 dist/mix-manifest.json               |  2 +-
 src/scss/flex-text-over-image-b.scss |  8 +++++---
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index ed22272..a5ac4e3 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12048,12 +12048,12 @@ a {
   }
 }
 
-.headline-lg, section.grid-callout h2, section.grid-callout .h2, section.side-by-side-text h2, section.side-by-side-text .h2 {
+.headline-lg, section.grid-callout h2, section.grid-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;
 }
 @media (min-width: 768px) {
-  .headline-lg, section.grid-callout h2, section.grid-callout .h2, section.side-by-side-text h2, section.side-by-side-text .h2 {
+  .headline-lg, section.grid-callout h2, section.grid-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;
   }
@@ -12285,11 +12285,13 @@ section.side-by-side-text h2, section.side-by-side-text .h2 {
 .text-over-image-b .content-wrapper .content {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 6rem 4rem 6rem 3rem;
-  width: 40%;
+}
+@media (min-width: 768px) {
+  .text-over-image-b .content-wrapper .content {
+    width: 40%;
+  }
 }
 .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2 {
-  font-size: 70px;
-  line-height: 77px;
   margin-bottom: 2rem;
   color: #063C5A;
 }
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index a993fb9..9a84445 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=7189bdee2e3bbabc47ca456d14ac29d5"
+    "/app.css": "/app.css?id=a741b9ec715de60b69c8dd91e8098e3a"
 }
diff --git a/src/scss/flex-text-over-image-b.scss b/src/scss/flex-text-over-image-b.scss
index 210fb1a..5a7dc24 100644
--- a/src/scss/flex-text-over-image-b.scss
+++ b/src/scss/flex-text-over-image-b.scss
@@ -9,12 +9,14 @@
         .content {
             background-color: rgba($c-white, 0.8);
             padding: 6rem 4rem 6rem 3rem;
-            width: 40%;
+
+            @include media-breakpoint-up(md) {
+                width: 40%;
+            }
 
             h2 {
                 @extend .goudy;
-                font-size: 70px;
-                line-height: 77px;
+                @extend .headline-lg;
                 margin-bottom: 2rem;
                 color: $c-navy;
             }