From 23b217efad8cfafe6520483e95ef2ade1a4f2b22 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 13 May 2025 15:39:31 -0700
Subject: [PATCH] WIP

---
 dist/app.css              | 19 ++++++++++++++++---
 dist/mix-manifest.json    |  2 +-
 src/scss/team-member.scss | 17 ++++++++++++++---
 3 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 2517ae1..a28f6c6 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12680,9 +12680,19 @@ section.large-quote .quote p.attribution {
 .single-team-member .team-member .bio-wrapper {
   padding: 0 3rem;
 }
+@media (max-width: 767.98px) {
+  .single-team-member .team-member .bio-wrapper {
+    padding: 0 1.5rem;
+  }
+}
 .single-team-member .team-member .bio-wrapper .left {
   padding-top: 4rem;
 }
+@media (max-width: 767.98px) {
+  .single-team-member .team-member .bio-wrapper .left {
+    padding-top: 2rem;
+  }
+}
 .single-team-member .team-member .bio-wrapper .left a {
   display: block;
   color: #333333;
@@ -12692,9 +12702,12 @@ section.large-quote .quote p.attribution {
   margin-bottom: 1rem;
 }
 .single-team-member .team-member .bio-wrapper .right {
-  padding-top: 4rem;
-  padding-right: 2rem;
-  padding-bottom: 8rem;
+  padding: 4rem 2rem 8rem 0;
+}
+@media (max-width: 767.98px) {
+  .single-team-member .team-member .bio-wrapper .right {
+    padding: 2rem 1rem 4rem 0;
+  }
 }
 .single-team-member .team-member .bio-wrapper .right strong {
   color: #063C5A;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 5bce443..ec4f8a4 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=2135b0d2af057844b29699278d3ca85a"
+    "/app.css": "/app.css?id=5dcf2cb76ee220b6366b0773c76bf551"
 }
diff --git a/src/scss/team-member.scss b/src/scss/team-member.scss
index 39e01cf..c3e0346 100644
--- a/src/scss/team-member.scss
+++ b/src/scss/team-member.scss
@@ -93,9 +93,18 @@
 
         .bio-wrapper {
             padding: 0 3rem;
+
+            @include media-breakpoint-down(md) {
+                padding: 0 1.5rem;
+            }
+
             .left {
                 padding-top: 4rem;
 
+                @include media-breakpoint-down(md) {
+                    padding-top: 2rem;
+                }
+
                 a {
                     display: block;
                     color: $c-textGrey;
@@ -108,9 +117,11 @@
             }
 
             .right {
-                padding-top: 4rem;
-                padding-right: 2rem;
-                padding-bottom: 8rem;
+                padding: 4rem 2rem 8rem 0;
+
+                @include media-breakpoint-down(md) {
+                    padding: 2rem 1rem 4rem 0;
+                }
 
                 strong {
                     color: $c-navy;