From e3bac7b9ecf3225b2313c549adaad03123f9829a Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 7 May 2025 15:01:01 -0700
Subject: [PATCH] WIP

---
 dist/app.css                    | 12 +++++++++++-
 dist/mix-manifest.json          |  2 +-
 src/scss/flex-grid-callout.scss | 22 ++++++++++++++++++----
 3 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index af965b0..da04e36 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12210,15 +12210,25 @@ section.grid-callout h2, section.grid-callout .h2 {
   line-height: 70px;
   margin-bottom: 3rem;
 }
-section.grid-callout .standard-callouts .callout {
+section.grid-callout .callout {
   height: 100%;
   padding: 2rem;
 }
+section.grid-callout .callout p {
+  line-height: 37px;
+}
+section.grid-callout .callout p.headline {
+  font-weight: 600;
+  font-size: 30px;
+}
 section.grid-callout .callout.first-callout {
   padding: 2rem 3rem 3rem;
   background-color: #063C5A;
   color: #fff;
 }
+section.grid-callout .callout.first-callout .image-wrapper {
+  text-align: right;
+}
 section.grid-callout .callout.first-callout img {
   transform: scaleX(-1);
   width: 98px;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 8eea3a8..1e6c771 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=aea5f244dd48b66287cc4fd25e639af2"
+    "/app.css": "/app.css?id=201029dfb334f2087ed561eb1a7d45a6"
 }
diff --git a/src/scss/flex-grid-callout.scss b/src/scss/flex-grid-callout.scss
index 23c1adf..b345c4d 100644
--- a/src/scss/flex-grid-callout.scss
+++ b/src/scss/flex-grid-callout.scss
@@ -9,18 +9,32 @@ section.grid-callout {
         margin-bottom: 3rem;
     }
 
-    .standard-callouts {
-        .callout {
-            height: 100%;
-            padding: 2rem;
+    .callout {
+        height: 100%;
+        padding: 2rem;
+
+        p {
+            line-height: 37px;
+
+            &.headline {
+                font-weight: 600;
+                font-size: 30px;
+            }
         }
     }
 
+    .standard-callouts {
+    }
+
     .callout.first-callout {
         padding: 2rem 3rem 3rem;
         background-color: $c-navy;
         color: $c-white;
 
+        .image-wrapper {
+            text-align: right;
+        }
+
         img {
             transform: scaleX(-1);
             width: 98px;