WIP

dist/app.css

@@ -12210,6 +12210,15 @@ section.grid-callout h2, section.grid-callout .h2 {
   line-height: 70px;
   margin-bottom: 3rem;
 }
+section.grid-callout .standard-callouts .callout {
+  height: 100%;
+  padding: 2rem;
+}
+section.grid-callout .callout.first-callout {
+  padding: 2rem 3rem 3rem;
+  background-color: #063C5A;
+  color: #fff;
+}
 
 .team-members .team-members-wrapper {
   display: flex;

dist/mix-manifest.json

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

src/scss/_variables.scss

@@ -3,6 +3,7 @@ $c-offWhite: #F2F2F2;
 $c-offWhiteLight: #F9F8F8;
 $c-borderGrey: #C5C5C5;
 $c-navy: #063C5A;
+$c-lightNavy: #075179;
 $c-charcoal: #2B2400;
 $c-tan: #B9AF78;
 $c-textGrey: #333333;

src/scss/flex-grid-callout.scss

@@ -8,4 +8,17 @@ section.grid-callout {
         line-height: 70px;
         margin-bottom: 3rem;
     }
+
+    .standard-callouts {
+        .callout {
+            height: 100%;
+            padding: 2rem;
+        }
+    }
+
+    .callout.first-callout {
+        padding: 2rem 3rem 3rem;
+        background-color: $c-navy;
+        color: $c-white;
+    }
 }

tpl/flex_grid_callout.tpl

@@ -9,7 +9,7 @@
                 </p>
             </div>
             <div class="col">
-                <div class="callout">
+                <div class="callout first-callout">
                     <div class="image-wrapper">
                         <img src="{{#assetURL arrow-circle.svg}}" alt="" />
                     </div>
@@ -20,7 +20,7 @@
             </div>
         </div>
 
-        <div class="row">
+        <div class="row standard-callouts">
             {{#each callouts}}
                 {{#if @first}}
                 {{else}}