diff --git a/_includes/events-page/header-container-content.html b/_includes/events-page/header-container-content.html
index 5491aed3dc..c8c6a21269 100644
--- a/_includes/events-page/header-container-content.html
+++ b/_includes/events-page/header-container-content.html
@@ -1,7 +1,7 @@
 <div class="content-hack-night">
   <div class="show-video">
     <div class="header-text-margin--events">
-      <h1>Events</h1>
+      <h1 class="title1">Events</h1>
       <h2 class="header-desc">
         Hack for LA is the Los Angeles brigade of
         <a href="http://brigade.codeforamerica.org/" target="_blank">Code for America</a>,
diff --git a/_includes/events-page/left-col-content.html b/_includes/events-page/left-col-content.html
index 48338e4312..94b39cc77a 100644
--- a/_includes/events-page/left-col-content.html
+++ b/_includes/events-page/left-col-content.html
@@ -1,6 +1,6 @@
-<h2 class="event-title">
+<h3 class="event-title title4">
     <img class="vector-img" src="../assets/images/hack-nights/meetup.svg" alt="meetup logo" /> Meetup Events
-</h2>
+</h3>
 <div class="mobile-dropdown">
 
     {% for event in site.data.internal.events %}
@@ -9,7 +9,7 @@ <h2 class="event-title">
             <img class="step-img-1" src="{{event.link}}" alt="" />
         </div>
         <div id="text-content">
-            <h2 class="title-meetup">{{event.name}}</h2>
+            <h4 class="title-meetup title5">{{event.name}}</h4>
             <p>{{event.text}}</p>
         </div>
     </div>
diff --git a/_includes/events-page/our-locations-content.html b/_includes/events-page/our-locations-content.html
index 9607aff7d8..3387c635f2 100644
--- a/_includes/events-page/our-locations-content.html
+++ b/_includes/events-page/our-locations-content.html
@@ -5,7 +5,7 @@
         <img class="location-image" src="../assets/images/hack-nights/westside1.png" alt="westside" />
       </div>
       <div class="location-content">
-        <h1 style="font-size: 28px; font-weight: 700">Monday</h1>
+        <h3 style="font-size: 28px; font-weight: 700" class="title3">Monday</h3>
         <div class="mini-projects">
           <div class="img-dis">
             <img id="mini-img" src="../assets/images/projects/engage-logo.png" alt="Engage Project" />
@@ -87,7 +87,7 @@ <h1 style="font-size: 28px; font-weight: 700">Monday</h1>
         <img class="location-image" src="../assets/images/hack-nights/DTLA.png" alt="Downtown LA" />
       </div>
       <div class="location-content">
-        <h1 style="font-size: 28px; font-weight: 700">Tuesday</h1>
+        <h3 style="font-size: 28px; font-weight: 700" class="title3">Tuesday</h3>
         <div class="mini-projects">
           <div class="img-dis">
             <img id="mini-img" src="../assets/images/projects/311.jpg" alt="311 Data Project" />
@@ -155,7 +155,7 @@ <h1 style="font-size: 28px; font-weight: 700">Tuesday</h1>
         <img class="location-image" src="../assets/images/hack-nights/southla.png" alt="South LA" />
       </div>
       <div class="location-content">
-        <h1 style="font-size: 28px; font-weight: 700">Wednesday</h1>
+        <h3 style="font-size: 28px; font-weight: 700" class="title3">Wednesday</h3>
         <div class="mini-projects description">
           <p>
             Our South LA meetup was created by a community member on our
diff --git a/_includes/events-page/right-col-content.html b/_includes/events-page/right-col-content.html
index 144b064211..fba605f84c 100644
--- a/_includes/events-page/right-col-content.html
+++ b/_includes/events-page/right-col-content.html
@@ -1,7 +1,7 @@
-<h2 class="event-title">
+<h3 class="event-title title4">
     <img class="vector-img" src="../assets/images/hack-nights/meetings.svg" alt="" />
     <span><span>Online Project</span> <span>Team Meetings</span></span>
-</h2>
+</h3>
 <div class="mobile-dropdown">
     <div class="meetup-steps-2">
         <div id="img-content">
@@ -22,7 +22,7 @@ <h2 class="event-title">
         "Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday" | split: "," %}
         {% for day in days-of-week %}
         <div id="{{day}}">
-            <h3 class="day-header-1">{{day}}</h3>
+            <h4 class="day-header-1 title7">{{day}}</h4>
             <ul id="{{day}}-List" class="schedule-list-1"></ul>
         </div>
         {% endfor %}
diff --git a/_sass/components/_events.scss b/_sass/components/_events.scss
index 8d4e6b0096..edd784ed73 100644
--- a/_sass/components/_events.scss
+++ b/_sass/components/_events.scss
@@ -348,6 +348,7 @@
   text-align: left;
   font-weight: 700;
   margin-bottom: 16px;
+  color: $color-black;
 }
 
 .class-btn {
@@ -487,6 +488,7 @@
   font-size: 1rem;
   font-weight: 700;
   margin: 30px 0 10px 0;
+  color: $color-black; 
   padding:0;
   @media #{$bp-below-tablet} {
     font-size: 15px;
diff --git a/pages/events.html b/pages/events.html
index 5bcf2b256c..dd3f437224 100644
--- a/pages/events.html
+++ b/pages/events.html
@@ -12,7 +12,7 @@
 
 <section class="events-page content-section content-section--events">
 
-    <h1 class="events-page-header">Our Events</h1>
+    <h2 class="events-page-header title2">Our Events</h2>
     <div class="flex-page-card">
       <div class="column-card-lg--events">
         {% include events-page/left-col-content.html %}
@@ -23,9 +23,9 @@ <h1 class="events-page-header">Our Events</h1>
       </div>
     </div>
   
-    <h1 class="events-page-header">
+    <h2 class="events-page-header title2">
       Our Locations
-    </h1>
+    </h2>
     
     <div class="fullwidth-background-container">
       <div class="notification-banner">