Using a PNG instead of an SVG for the main logo as it was noted the SVG's font looked pixelated. I also changed the color of the text on the home page as well as its responsive size.

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -81,6 +81,13 @@ h1 {
    font-weight: bold !important;
 }
 
+.usa-section--dark h1 {
+   color: color('blue-30v');
+   @include at-media-max('desktop') {
+      font-size: size("body", 12);
+   }
+}
+
 p,
 .list li {
    font-family: family("sans");

app/templates/components/components/header/template.njk

@@ -50,7 +50,7 @@
         <div class="logo-img display-flex">
           <a href="/">
             <span class="usa-sr-only">Notify.gov logo</span>
-            <image src="{{ params.assetsPath | default('/static/images') }}/notify-logo.svg" alt="Notify.gov logo" xlink:href=""
+            <image src="{{ params.assetsPath | default('/static/images') }}/notify-logo.png" alt="Notify.gov logo" xlink:href=""
               class="usa-flag-logo margin-right-1"></image>
           </a>
         </div>