feat(stories): spacing for Source, Impact

src/customer-stories.html

@@ -156,7 +156,7 @@ <h3>Glenn County Transportation Division</h3>
     </div>
   </div>
 
-  <div class="offset-lg-1 col-lg-10">
+  <div class="offset-lg-1 col-lg-10 my-3 py-3">
     <div class="row">
       <div class="col-lg-5">
         <img src="/images/stories-background-impact.jpg" class="rounded-2 w-100" />
@@ -264,7 +264,11 @@ <h2 class="h1">Get in touch today to see how Cal-ITP can help!</h2>
             alt="Two thought bubbles with dashes of various lengths, meant to represent words in a conversation"
             width="105"
         /></picture>
-        <h3 class="text-white d-block pt-3 pt-md-4 pb-3 pb-md-0">E-mail [email protected] to connect with the Cal-ITP team.</h3>
+        <h3 class="text-white d-block pt-3 pt-md-4 pb-3 pb-md-0">
+          E-mail
+          <a rel="noreferrer" target="_blank" class="fs-4 text-white" href="mailto:[email protected]">[email protected]</a> to
+          connect with the Cal-ITP team.
+        </h3>
       </div>
 
       <hr />
@@ -274,9 +278,9 @@ <h3 class="text-white d-block pt-3 pt-md-4 pb-3 pb-md-0">E-mail [email protected]
 
 <section class="row">
   <div class="offset-lg-1 col-lg-10">
-    <section class="offset-lg-2 col-lg-6">
-      <small class="d-block">1. Source</small>
-      <small class="d-block">2. Source</small>
+    <section class="offset-lg-2 col-lg-6 mb-3 pb-3">
+      <small class="d-block text-body-tertiary">1. Source</small>
+      <small class="d-block text-body-tertiary">2. Source</small>
     </section>
   </div>
 </section>

src/stylesheets/main.css

@@ -114,8 +114,8 @@ li {
 }
 
 hr {
-  margin-top: 40px;
-  margin-bottom: 40px;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
 }
 
 .small-caps {