diff --git a/app/assets/images/notify-logo.png b/app/assets/images/notify-logo.png
new file mode 100644
index 000000000..326d959b6
Binary files /dev/null and b/app/assets/images/notify-logo.png differ
diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index 709bceca1..bbeadcafb 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/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");
diff --git a/app/templates/components/components/header/template.njk b/app/templates/components/components/header/template.njk
index 0657dd79d..c0620d502 100644
--- a/app/templates/components/components/header/template.njk
+++ b/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>