From beafe24ebf7f4cc60301fb7ea28ccb2af7ecebfd Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Thu, 25 Jul 2024 22:17:10 +0000
Subject: [PATCH] fix(stories): mobile spacing for toc

---
 src/customer-stories.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/customer-stories.html b/src/customer-stories.html
index ec2dc86f..e4c560bf 100644
--- a/src/customer-stories.html
+++ b/src/customer-stories.html
@@ -6,8 +6,8 @@
 
 {% include clipped-header.html %}
 
-<div class="row">
-  <div class="clipped-header background-yellow-4 offset-lg-1 col-lg-10 mt-4 mt-md-5 mb-4 py-4 py-md-5 px-4 px-md-0">
+<div class="row justify-content-center justify-content-lg-start">
+  <div class="clipped-header background-yellow-4 offset-lg-1 col-lg-10 col-11 mt-4 mt-md-5 mb-4 py-4 py-md-5 px-4 px-md-0">
     <div class="offset-md-2 col-md-8 py-3 py-md-5 px-2 px-md-2">
       <h1 class="mb-2">Our customers</h1>
       <p class="mb-3 pb-3">
@@ -51,8 +51,8 @@ <h1 class="mb-2">Our customers</h1>
 
 <section class="row">
   <div class="offset-lg-1 col-lg-10">
-    <div class="row flex-lg-row flex-column-reverse">
-      <section class="offset-lg-2 col-lg-6">
+    <div class="row flex-lg-row justify-content-center justify-content-lg-start">
+      <section class="col-11 order-2 order-lg-1 offset-lg-2 col-lg-6">
         <h2>Selected agency highlights</h2>
         <figure class="image pt-3 mt-3 pb-3">
           <img
@@ -131,7 +131,7 @@ <h3>Glenn County Transportation Division</h3>
           <figcaption class="ps-3">— Administrative Services Analysts in Glenn County</figcaption>
         </figure>
       </section>
-      <div class="offset-lg-1 col-lg-3">
+      <div class="col-11 order-1 order-lg-2 offset-lg-1 col-lg-3">
         <div class="d-flex flex-column gap-3 mb-md-4 mb-3">
           <span class="small-caps border-0 bg-transparent fw-bold p-0">Topics</span>
           <ul class="list-unstyled d-flex flex-column gap-3">
@@ -243,7 +243,7 @@ <h3>Monterey-Salinas Transit</h3>
 <section class="row">
   <div class="offset-lg-1 col-lg-10">
     <section class="offset-lg-2 col-lg-6">
-      <h2 class="h1">Get in touch today to see how Cal-ITP can help!</h2>
+      <h2 class="h1-md">Get in touch today to see how Cal-ITP can help!</h2>
 
       <p class="mt-3">
         Cal-ITP’s Customer Success team will provide a dedicated account manager who can help your agency meet your goals.