diff --git a/dist/app.css b/dist/app.css
index a81adfa..ba52a65 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -11995,3 +11995,33 @@ img {
 .team-members .team-members-wrapper .team-member .left a {
   display: block;
 }
+
+.team-member-top {
+  background-size: contain;
+  color: #fff;
+  height: 784px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.team-member-top h1, .team-member-top .h1 {
+  margin: 0;
+}
+
+.team-members .team-members-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.team-members .team-members-wrapper .team-member {
+  border: 1px solid #C5C5C5;
+  border-radius: 10px;
+  max-width: 593px;
+  padding: 1rem;
+}
+.team-members .team-members-wrapper .team-member .left {
+  width: calc(33% - 0.5rem);
+}
+.team-members .team-members-wrapper .team-member .left a {
+  display: block;
+}
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 695648f..801d63e 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=2870fd5e334d4e194cc431791bd83711"
+    "/app.css": "/app.css?id=cbf936bdd50e75ec31d260ea38589b49"
 }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index cd838bd..f0e4d83 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,6 +1,9 @@
+$c-white: #fff;
 $c-offWhite: #F2F2F2;
 $c-offWhiteLight: #F9F8F8;
 $c-borderGrey: #C5C5C5;
 $c-navy: #063C5A;
 $c-charcoal: #2B2400;
 $c-tan: #B9AF78;
+
+$font-family: 'Inter', sans-serif;
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 1c453e2..e10201d 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -6,3 +6,4 @@
 @import "global";
 
 @import "team-members";
+@import "team-member";
diff --git a/src/scss/team-member.scss b/src/scss/team-member.scss
new file mode 100644
index 0000000..6e731b2
--- /dev/null
+++ b/src/scss/team-member.scss
@@ -0,0 +1,35 @@
+.team-member-top {
+    background-size: contain;
+    color: $c-white;
+    height: 784px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    h1 {
+        margin: 0;
+    }
+}
+
+.team-members {
+    .team-members-wrapper {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        .team-member {
+            border: 1px solid $c-borderGrey;
+            border-radius: 10px;
+            max-width: 593px;
+            padding: 1rem;
+
+            .left {
+                width: calc(33% - 0.5rem);
+
+                a {
+                    display: block;
+                }
+            }
+        }
+    }
+}