diff --git a/_sass/components/_donate.scss b/_sass/components/_donate.scss
index 12899cb0e0..6705f7ff31 100644
--- a/_sass/components/_donate.scss
+++ b/_sass/components/_donate.scss
@@ -18,12 +18,8 @@
         flex-direction: column;
         align-items: center;
 
-        h1 {
-            font-size: 48px;
+        .title1 {
             padding-bottom: 28px;
-            @media #{$bp-mobile-up} {
-                font-size: 32px;
-            }
         }
 
         p {
@@ -62,8 +58,7 @@
             padding: 32px 20px;
         }
         
-        h1 {
-            font-size: 1.25rem;
+        .title4 {
             margin-bottom: 1rem;
             // Fixes title wrap at smallest mobile size 
             @media (max-width: #{$screen-mobile - 160}) {
@@ -72,8 +67,7 @@
             }
         }
 
-        h2 {
-            font-size: 16px;
+        .title7 {
             width: 100%;
         }
         
@@ -135,7 +129,7 @@
         h2 {
             margin-bottom: 24px;
         }
-        
+
         li {
             font-size: 1.125rem;
             padding: 8px 0;
@@ -161,7 +155,6 @@
             h1 {
                 grid-column: 2 / span 1;
                 grid-row: 1 / span 1;
-                font-size: 1.5rem;
                 margin-bottom: 2rem;
             }
             
@@ -209,10 +202,6 @@
                 .donate-donation-body {
                     padding: 0 32px 0 16px;
 
-                    h2 {
-                        font-size: 18px;
-                    }
-
                     ol {
                         line-height: 24px;
                     }
@@ -242,7 +231,6 @@
             margin: auto 5rem auto 8rem;
 
             h1 {
-                font-size: 48px;
                 padding-bottom: 0;
             }
 
diff --git a/pages/donate.html b/pages/donate.html
index c036afb4b4..17e73ba856 100644
--- a/pages/donate.html
+++ b/pages/donate.html
@@ -7,7 +7,7 @@
 <div class="donate-wrapper">
   <div class="header-container header-container--donate">
     <div class="donate-banner-text">
-      <h1>Donate to Hack for LA</h1>
+      <h1 class="title1">Donate to Hack for LA</h1>
       <p>
         We bring together civic-minded volunteers to build digital products,
         programs and services with community partners and local government to
@@ -20,10 +20,10 @@ <h1>Donate to Hack for LA</h1>
 
   <div class="content-section donate-card-container">
     <div class="page-card card-primary page-card-lg page-card--donate">
-      <h1>Help Us Keep The Lights On</h1>
+      <h2 class="title4">Help Us Keep The Lights On</h2>
       <img id="donate-donation-icon" class='donate-card-img' src="/assets/images/donate/help-us-icon.svg" alt="" />
       <div class="donate-card-body">
-        <h2>Running Hack for LA costs money</h2>
+        <h3 class="title7">Running Hack for LA costs money</h3>
         <p>
           In support of the development and launch of enterprise software
           products with Government and nonprofit partners, we are standardizing
@@ -32,7 +32,7 @@ <h2>Running Hack for LA costs money</h2>
           products to the community.
         </p>
         <img class="donate-donation-png" src="/assets/images/donate/donation-chart.svg" alt="Hosting, mailing list services, Zoom accounts, domain names, stickers, t-shirts" />
-        <h2>How to help us continue to do impactful work</h2>
+        <h3 class="title7">How to help us continue to do impactful work</h3>
         <ul>
           <li>
             Provide
@@ -44,7 +44,7 @@ <h2>How to help us continue to do impactful work</h2>
       <div class="donate-donation">
         <img class="donate-donation-png" src="/assets/images/about/hfla-donate.gif" alt="Gif showing how to select Hack for LA from donation list" />
         <div class="donate-donation-body">
-          <h2>Make a donation to Hack for LA</h2>
+          <h3 class="title6">Make a donation to Hack for LA</h3>
           <ol>
             <li>
               Please follow this link to the Code for America