Set default base font to Cabin. Add styling to header.

app/assets/stylesheets/bootstrap-overrides.scss

@@ -20,3 +20,5 @@ $nav-link-color: $white;
 $nav-link-font-weight: 600;
 $nav-tabs-border-color: transparent;
 $nav-tabs-border-radius: 15px;
+$font-family-base: 'Cabin', sans-serif;
+$body-color: $black;

app/views/layouts/sqm/_header.html.erb

@@ -3,8 +3,8 @@
     <div class="row py-4 justify-content-between align-items-center">
       <div class="col d-flex justify-content-start align-items-center">
         <%= link_to image_tag('sqm_logo.png', alt: 'MCIEA School Quality Measures Dashboard', class: 'height-56 me-7'), root_path %>
-        <a class="h3 link me-4 <%= link_weight(path: 'dashboard') %>" href="<%= link_to_dashboard(district: @district, school: @school, academic_year: @academic_year) %>">Dashboard</a>
-        <a class="h3 link <%= link_weight(path: 'browse') %>" href="<%= link_to_browse(district: @district, school: @school, academic_year: @academic_year) %>">Browse</a>
+        <a class="sub-header-3 link me-4 <%= link_weight(path: 'dashboard') %>" href="<%= link_to_dashboard(district: @district, school: @school, academic_year: @academic_year) %>">Dashboard</a>
+        <a class="sub-header-3 link <%= link_weight(path: 'browse') %>" href="<%= link_to_browse(district: @district, school: @school, academic_year: @academic_year) %>">Browse</a>
       </div>
 
       <div class="col d-flex justify-content-end">