From a24357d9adcde6a26a9237d64c59740512665246 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Mon, 2 Jun 2025 16:32:53 -0700
Subject: [PATCH] WIP

---
 dist/app.css                       | 15 +++++++++++++--
 dist/mix-manifest.json             |  2 +-
 src/scss/flex-services-blocks.scss | 16 ++++++++++++++--
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 5877e11..497c311 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12536,12 +12536,16 @@ section.services-blocks .blocks {
   flex-direction: column;
   gap: 1.5rem;
 }
+@media (min-width: 992px) {
+  section.services-blocks .blocks {
+    flex-direction: row;
+  }
+}
 section.services-blocks .block {
   position: relative;
   padding: 2rem 1.5rem;
   background-color: #075179;
   color: #fff;
-  flex: 1 1 calc(50% - 0.75rem);
 }
 section.services-blocks .block svg {
   margin-bottom: 1rem;
@@ -12561,7 +12565,14 @@ section.services-blocks .block:nth-of-type(even) svg {
 }
 section.services-blocks .block:first-of-type {
   background-color: #B9AF78;
-  flex: 1 1 100%;
+}
+@media (min-width: 992px) {
+  section.services-blocks .block {
+    flex: 1 1 calc(50% - 0.75rem);
+  }
+  section.services-blocks .block .block:first-of-type {
+    flex: 1 1 100%;
+  }
 }
 section.services-blocks .large-arrow {
   position: absolute;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 23b16a0..1de5324 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=d2d5d155f950e643ce7db448704b9bd9"
+    "/app.css": "/app.css?id=ad9d8712074abd3bdff369f4b1278ecd"
 }
diff --git a/src/scss/flex-services-blocks.scss b/src/scss/flex-services-blocks.scss
index 4b38912..476540f 100644
--- a/src/scss/flex-services-blocks.scss
+++ b/src/scss/flex-services-blocks.scss
@@ -12,6 +12,10 @@ section.services-blocks {
         display: flex;
         flex-direction: column;
         gap: 1.5rem;
+
+        @include media-breakpoint-up(lg) {
+            flex-direction: row;
+        }
     }
 
     .block {
@@ -19,7 +23,6 @@ section.services-blocks {
         padding: 2rem 1.5rem;
         background-color: $c-lightNavy;
         color: $c-white;
-        flex: 1 1 calc(50% - 0.75rem);
 
         svg {
             margin-bottom: 1rem;
@@ -44,7 +47,16 @@ section.services-blocks {
 
         &:first-of-type {
             background-color: $c-tan;
-            flex: 1 1 100%;
+        }
+
+        @include media-breakpoint-up(lg) {
+            flex: 1 1 calc(50% - 0.75rem);
+
+            .block {
+                &:first-of-type {
+                    flex: 1 1 100%;
+                }
+            }
         }
     }