Update team page

app/assets/stylesheets/partials/_colors.scss

@@ -7,6 +7,7 @@ $primary: #0B8D9C;
 $primary-lighter:  lighten($primary, 30%);
 $primary-dark: darken($primary, 15%);
 $primary-darker: darken($primary, 30%);
+$highlight: #6EC4D0;
 
 $secondary: #C93148; 
 $secondary-lighter: darken($secondary, 30%);

app/assets/stylesheets/partials/_decoration.scss

@@ -1,3 +1,3 @@
 .band {
-  height: 1em;
+  height: 3em;
 }

app/assets/stylesheets/partials/_layout.scss

@@ -1,3 +1,5 @@
+@import "colors";
+
 .grid-container {
   display: grid;
 }
@@ -16,6 +18,13 @@
   grid-auto-columns: 1fr;
 }
 
+.grid-item-image {
+  height: auto;
+  width: 300px;
+  padding: 20px;
+  background-color: $highlight;
+}
+
 @media(min-width: 992px){
   .grid-item__title {
     min-height: 4em;

app/assets/stylesheets/partials/_typography.scss

@@ -1,8 +1,17 @@
-.nav, .nav-item, .dropdown-item {
-  font-family: 'League Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+.bold {
   font-weight: 700;
 }
 
+.spartan {
+  font-family: 'League Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  @extend .bold;
+}
+
+.nav, .nav-item, .dropdown-item {
+  @extend .spartan;
+}
+
+
 .hero-text {
   font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 500;