From 7211c18c725ec4d2fb9d107903d9292e7e8b96a8 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 13 May 2025 15:33:47 -0700
Subject: [PATCH] WIP

---
 dist/app.css              | 15 +++++++++++++++
 dist/mix-manifest.json    |  2 +-
 src/scss/team-member.scss | 11 +++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/dist/app.css b/dist/app.css
index b4b6533..f4957a4 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12587,6 +12587,11 @@ section.large-quote .quote p.attribution {
 .single-team-member .team-member {
   margin-top: -162px;
 }
+@media (max-width: 767.98px) {
+  .single-team-member .team-member {
+    height: -150px;
+  }
+}
 .single-team-member .team-member .content-wrapper {
   background-color: #F9F8F8;
 }
@@ -12599,6 +12604,11 @@ section.large-quote .quote p.attribution {
   justify-content: space-between;
   align-items: center;
 }
+@media (max-width: 767.98px) {
+  .single-team-member .team-member .team-member-intro-bar {
+    height: 300px;
+  }
+}
 .single-team-member .team-member .team-member-intro-bar .text {
   padding-left: 2rem;
 }
@@ -12630,6 +12640,11 @@ section.large-quote .quote p.attribution {
     border-right: 80px solid #B9AF78;
   }
 }
+@media (max-width: 767.98px) {
+  .single-team-member .team-member .team-member-intro-bar .image {
+    border-right: 60px solid #B9AF78;
+  }
+}
 .single-team-member .team-member .team-member-intro-bar img {
   height: 100%;
   width: auto;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 1829903..5725ac1 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=75e4f933f1eed53310d82e6d53b23a15"
+    "/app.css": "/app.css?id=509c7a158ef81183d68c1087988d6134"
 }
diff --git a/src/scss/team-member.scss b/src/scss/team-member.scss
index 77bb7f8..47e4326 100644
--- a/src/scss/team-member.scss
+++ b/src/scss/team-member.scss
@@ -5,6 +5,9 @@
 
     .team-member {
         margin-top: -162px;
+        @include media-breakpoint-down(md) {
+            height: -150px;
+        }
 
         .content-wrapper {
             background-color: $c-offWhiteLight;
@@ -19,6 +22,10 @@
             justify-content: space-between;
             align-items: center;
 
+            @include media-breakpoint-down(md) {
+                height: 300px;
+            }
+
             .text {
                 padding-left: 2rem;
 
@@ -50,6 +57,10 @@
                 @include media-breakpoint-down(lg) {
                     border-right: 80px solid $c-tan;
                 }
+
+                @include media-breakpoint-down(md) {
+                    border-right: 60px solid $c-tan;
+                }
             }
 
             img {