From 4530bb99baca71aaaea812a3fb8a24083c816507 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 13 May 2025 15:37:32 -0700
Subject: [PATCH] WIP

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

diff --git a/dist/app.css b/dist/app.css
index f4957a4..2517ae1 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12592,6 +12592,11 @@ section.large-quote .quote p.attribution {
     height: -150px;
   }
 }
+@media (max-width: 575.98px) {
+  .single-team-member .team-member {
+    height: -125px;
+  }
+}
 .single-team-member .team-member .content-wrapper {
   background-color: #F9F8F8;
 }
@@ -12609,6 +12614,11 @@ section.large-quote .quote p.attribution {
     height: 300px;
   }
 }
+@media (max-width: 575.98px) {
+  .single-team-member .team-member .team-member-intro-bar {
+    height: 250px;
+  }
+}
 .single-team-member .team-member .team-member-intro-bar .text {
   padding-left: 2rem;
 }
@@ -12620,6 +12630,7 @@ section.large-quote .quote p.attribution {
 .single-team-member .team-member .team-member-intro-bar .text h2 span, .single-team-member .team-member .team-member-intro-bar .text .h2 span {
   display: block;
   font-size: 28px;
+  line-height: 28px;
 }
 @media (max-width: 991.98px) {
   .single-team-member .team-member .team-member-intro-bar .text h2, .single-team-member .team-member .team-member-intro-bar .text .h2 {
@@ -12628,6 +12639,17 @@ section.large-quote .quote p.attribution {
   }
   .single-team-member .team-member .team-member-intro-bar .text h2 span, .single-team-member .team-member .team-member-intro-bar .text .h2 span {
     font-size: 22px;
+    line-height: 22px;
+  }
+}
+@media (max-width: 575.98px) {
+  .single-team-member .team-member .team-member-intro-bar .text h2, .single-team-member .team-member .team-member-intro-bar .text .h2 {
+    font-size: 30px;
+    line-height: 30px;
+  }
+  .single-team-member .team-member .team-member-intro-bar .text h2 span, .single-team-member .team-member .team-member-intro-bar .text .h2 span {
+    font-size: 18px;
+    line-height: 18px;
   }
 }
 .single-team-member .team-member .team-member-intro-bar .image {
@@ -12645,6 +12667,11 @@ section.large-quote .quote p.attribution {
     border-right: 60px solid #B9AF78;
   }
 }
+@media (max-width: 575.98px) {
+  .single-team-member .team-member .team-member-intro-bar .image {
+    border-right: 10px 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 5725ac1..5bce443 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=509c7a158ef81183d68c1087988d6134"
+    "/app.css": "/app.css?id=2135b0d2af057844b29699278d3ca85a"
 }
diff --git a/src/scss/team-member.scss b/src/scss/team-member.scss
index 47e4326..39e01cf 100644
--- a/src/scss/team-member.scss
+++ b/src/scss/team-member.scss
@@ -8,6 +8,9 @@
         @include media-breakpoint-down(md) {
             height: -150px;
         }
+        @include media-breakpoint-down(sm) {
+            height: -125px;
+        }
 
         .content-wrapper {
             background-color: $c-offWhiteLight;
@@ -25,6 +28,9 @@
             @include media-breakpoint-down(md) {
                 height: 300px;
             }
+            @include media-breakpoint-down(sm) {
+                height: 250px;
+            }
 
             .text {
                 padding-left: 2rem;
@@ -37,6 +43,7 @@
                     span {
                         display: block;
                         font-size: 28px;
+                        line-height: 28px;
                     }
 
                     @include media-breakpoint-down(lg) {
@@ -44,6 +51,16 @@
                         line-height: 39px;
                         span {
                             font-size: 22px;
+                            line-height: 22px;
+                        }
+                    }
+
+                    @include media-breakpoint-down(sm) {
+                        font-size: 30px;
+                        line-height: 30px;
+                        span {
+                            font-size: 18px;
+                            line-height: 18px;
                         }
                     }
                 }
@@ -61,6 +78,10 @@
                 @include media-breakpoint-down(md) {
                     border-right: 60px solid $c-tan;
                 }
+
+                @include media-breakpoint-down(sm) {
+                    border-right: 10px solid $c-tan;
+                }
             }
 
             img {