WIP

dist/app.css

@@ -71,7 +71,7 @@
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-sans-serif: "Inter", sans-serif;
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
@@ -11978,6 +11978,10 @@ img {
   max-width: 100%;
 }
 
+.goudy {
+  font-family: "Boudy Bookletter 1911", serif;
+}
+
 .team-members .team-members-wrapper {
   display: flex;
   flex-wrap: wrap;
@@ -11997,7 +12001,8 @@ img {
 }
 
 .team-member-top {
-  background-size: contain;
+  background-size: cover;
+  background-position: center center;
   color: #fff;
   height: 784px;
   display: flex;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=cbf936bdd50e75ec31d260ea38589b49"
+    "/app.css": "/app.css?id=cf5633c0c0a39f86da5fb90adb19691c"
 }

src/scss/_variables.scss

@@ -6,4 +6,4 @@ $c-navy: #063C5A;
 $c-charcoal: #2B2400;
 $c-tan: #B9AF78;
 
-$font-family: 'Inter', sans-serif;
+$font-family-sans-serif: 'Inter', sans-serif;

src/scss/global.scss

@@ -1,3 +1,7 @@
 img {
     max-width: 100%;
 }
+
+.goudy {
+    font-family: 'Boudy Bookletter 1911', serif;
+}

src/scss/team-member.scss

@@ -1,5 +1,6 @@
 .team-member-top {
-    background-size: contain;
+    background-size: cover;
+    background-position: center center;
     color: $c-white;
     height: 784px;
     display: flex;

tpl/team-member.tpl

@@ -2,7 +2,7 @@
     <div class="container">
         <div class="row">
             <div class="col">
-                <h1>{{ header_text }}</h1>
+                <h1 class="goudy">{{ header_text }}</h1>
             </div>
         </div>
     </div>