From 64b35af6e9e0c7c6d462d53cf26b54aac77bb758 Mon Sep 17 00:00:00 2001
From: Fiona <fionadlapham@gmail.com>
Date: Tue, 16 Nov 2021 22:26:09 -0500
Subject: [PATCH 1/3] Update photo size

---
 _includes/about_us/team_member.html |  2 +-
 assets/css/responsive.css           | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/_includes/about_us/team_member.html b/_includes/about_us/team_member.html
index b5dfbc9..4384620 100644
--- a/_includes/about_us/team_member.html
+++ b/_includes/about_us/team_member.html
@@ -52,7 +52,7 @@ <h5 class="team-member-contacts pt-20 pb-50">
             <i class="fab fa-{{ platform.icon }}"></i>
             &nbsp;&nbsp;{{ platform.handle }}
           </a>
-          &nbsp;|&nbsp; {% endif %} {% endfor %}
+          <span>&nbsp;|&nbsp;</span> {% endif %} {% endfor %}
           <!--          <a href="mailto:{{ page.email }}"><i class="fas fa-envelope"></i>&nbsp;&nbsp;{{ page.email }}</a>-->
         </h5>
       </div>
diff --git a/assets/css/responsive.css b/assets/css/responsive.css
index 0df4dde..7860544 100644
--- a/assets/css/responsive.css
+++ b/assets/css/responsive.css
@@ -130,10 +130,20 @@
   .sticky {
     position: static;
   }
+  h3.team-member-position {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 }
 
 /* Extra small Device. */
 @media (max-width: 767px) {
+  h5.team-member-contacts {
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+  }
   .header-top.blue-bg {
     padding: 10px 0;
   }
@@ -264,6 +274,9 @@
   .title-header > h2 {
     font-size: 3.8rem;
   }
+  .bio-box {
+    max-width: 100%;
+  }
 }
 
 /* SM Small Device :550px. */

From 7bfc3bb08b8d3f5cf02a082eee8c4b7e5eb29c63 Mon Sep 17 00:00:00 2001
From: Fiona <fionadlapham@gmail.com>
Date: Tue, 16 Nov 2021 22:35:59 -0500
Subject: [PATCH 2/3] Update respsivness of team member image

---
 assets/css/responsive.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/assets/css/responsive.css b/assets/css/responsive.css
index 7860544..f6119f6 100644
--- a/assets/css/responsive.css
+++ b/assets/css/responsive.css
@@ -130,11 +130,6 @@
   .sticky {
     position: static;
   }
-  h3.team-member-position {
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
 }
 
 /* Extra small Device. */
@@ -277,6 +272,15 @@
   .bio-box {
     max-width: 100%;
   }
+  h3.team-member-position {
+    position: absolute;
+    top: -36px;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    text-align: center;
+  }
 }
 
 /* SM Small Device :550px. */

From 5684e009d13b66d9ca4982dc34dee85dc8478932 Mon Sep 17 00:00:00 2001
From: Fiona <fionadlapham@gmail.com>
Date: Tue, 16 Nov 2021 22:40:43 -0500
Subject: [PATCH 3/3] Hide the slashes in small devices

---
 _includes/about_us/team_member.html | 2 +-
 assets/css/responsive.css           | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/_includes/about_us/team_member.html b/_includes/about_us/team_member.html
index 4384620..8ddb0e4 100644
--- a/_includes/about_us/team_member.html
+++ b/_includes/about_us/team_member.html
@@ -52,7 +52,7 @@ <h5 class="team-member-contacts pt-20 pb-50">
             <i class="fab fa-{{ platform.icon }}"></i>
             &nbsp;&nbsp;{{ platform.handle }}
           </a>
-          <span>&nbsp;|&nbsp;</span> {% endif %} {% endfor %}
+          <span class="slash">&nbsp;|&nbsp;</span> {% endif %} {% endfor %}
           <!--          <a href="mailto:{{ page.email }}"><i class="fas fa-envelope"></i>&nbsp;&nbsp;{{ page.email }}</a>-->
         </h5>
       </div>
diff --git a/assets/css/responsive.css b/assets/css/responsive.css
index f6119f6..4d14c75 100644
--- a/assets/css/responsive.css
+++ b/assets/css/responsive.css
@@ -281,6 +281,9 @@
     right: 0;
     text-align: center;
   }
+  .slash {
+    display: none;
+  }
 }
 
 /* SM Small Device :550px. */