diff --git a/_includes/forms/contact-us.html b/_includes/forms/contact-us.html
index 16298b40cc..74af935903 100644
--- a/_includes/forms/contact-us.html
+++ b/_includes/forms/contact-us.html
@@ -2,7 +2,7 @@
 <section class="content-section">
   <!-- <h2 class="page-contain">Get in Touch</h2><br> -->
 
-  <div class="page-card-base card-secondary page-card-md page-card--home">
+  <div class="page-card card-secondary page-card-md page-card--home">
     <h3>Sign up for our newsletter</h3>
     <form class="hero-signup" name="Quick Signup Form">
       <input id="hero-signup" class="form-input" type="email" name="email" placeholder="Enter your email address"
@@ -12,7 +12,7 @@ <h3>Sign up for our newsletter</h3>
     <div class="form-confirmation"><strong></strong></div>
   </div><br>
 
-  <div class="page-card-base card-secondary page-card-md page-card--home page-card--home-volunteer">
+  <div class="page-card card-secondary page-card-md page-card--home page-card--home-volunteer">
     <h3>Volunteer with us</h3>
     <div class="row-1">
       <div class="column volunteerWithUs">
@@ -27,7 +27,7 @@ <h3>Volunteer with us</h3>
     </div>
   </div><br>
 
-  <div class="page-card-base card-secondary page-card-md page-card--home">
+  <div class="page-card card-secondary page-card-md page-card--home">
     <h3>Get in touch with us</h3>
     <p>The more you tell us about yourself, the better we can match you with the right resources.</p><br>
 
diff --git a/_layouts/project.html b/_layouts/project.html
index 2f3ffd93d3..a5024e6c2e 100644
--- a/_layouts/project.html
+++ b/_layouts/project.html
@@ -8,7 +8,7 @@ <h1 class='hero-inner'>{{ page.title }}</h1>
 
 <div class='content-section project-home-page'>
     <!--Project Description Card-->
-    <div id='project-description-card' class='page-card-base card-primary page-card-lg page-card--project-description-page'>
+    <div id='project-description-card' class='page-card card-primary page-card-lg page-card--project-description-page'>
         <h4 class='project-page-card-title'>Project Overview</h4>
         <!--Project Details-->
         <div class='project-page-description'>
@@ -99,7 +99,7 @@ <h5 class='status-text'>{{ page.status }}</h5>
     </div>
 
     <!--Getting Started Card-->
-    <div id="getting-started-section" class='page-card-base card-primary page-card-lg page-card--project-description-page'>
+    <div id="getting-started-section" class='page-card card-primary page-card-lg page-card--project-description-page'>
         <h4 class='getting-page-card-title'>Getting Started</h4>
         <ul class="resource-list unstyled-list">
             <!-- Hfla Start Guide -->
@@ -140,7 +140,7 @@ <h4 class='getting-page-card-title'>Getting Started</h4>
         </ul>
     </div>
     <!--Project Resources Card-->
-    <div class='page-card-base card-primary page-card-lg page-card--project-description-page'>
+    <div class='page-card card-primary page-card-lg page-card--project-description-page'>
         <h4 class='project-page-card-title'>Resources</h4>
         <ul class="resource-list unstyled-list">
             {%- for item in page.links -%}
@@ -154,7 +154,7 @@ <h4 class='project-page-card-title'>Resources</h4>
     </div>
 
     <!-- Project Team Card -->
-    <div id='project-team-card' class='page-card-base card-primary page-card-lg page-card--project-description-page'>
+    <div id='project-team-card' class='page-card card-primary page-card-lg page-card--project-description-page'>
         <h4 class='project-page-card-title'>Current Project Team</h4>
         {% if page.leadership %}
             <div class='resource-list'>
diff --git a/_sass/elements/_cards.scss b/_sass/elements/_cards.scss
index dfe212e207..7e64637635 100644
--- a/_sass/elements/_cards.scss
+++ b/_sass/elements/_cards.scss
@@ -40,7 +40,7 @@
 ---------------------------*/
 
 
-.page-card-base {
+.page-card {
     border-radius: 20px;
     overflow: hidden;
     width: 100%;
diff --git a/pages/communities-of-practice.html b/pages/communities-of-practice.html
index f18847a7b1..7948f99da2 100644
--- a/pages/communities-of-practice.html
+++ b/pages/communities-of-practice.html
@@ -24,7 +24,7 @@ <h1>Communities of Practice</h1>
     {% assign sorted_communities = site.data.internal.communities | sort %}
     {% for community in sorted_communities %}
     {% if community[1].visible == true %}
-    <div class="page-card-base card-primary page-card-lg page-card-container">
+    <div class="page-card card-primary page-card-lg page-card-container">
         <div class="page-card-image-container">
             <img class="page-card-image" src="{{ community[1].image }}" alt="{{ community[1].alt }}"/>
         </div>
diff --git a/pages/credits.html b/pages/credits.html
index ff8b36577a..d30530caf8 100644
--- a/pages/credits.html
+++ b/pages/credits.html
@@ -16,7 +16,7 @@ <h1>Credits</h1>
 
 <div class='content-section wide-div'>
 <a class='anchor' id='step-1'></a>
-          <div class='page-card-base card-primary page-card-lg page-card--credits'>
+          <div class='page-card card-primary page-card-lg page-card--credits'>
             <div class="page-contain credits-inner">
                 <ul class="credits-list unstyled-list">
                   {%- for item in site.data.internal.credits -%}
diff --git a/pages/getting-started-with-video.html b/pages/getting-started-with-video.html
index 87b537d087..ef3ce44b4a 100644
--- a/pages/getting-started-with-video.html
+++ b/pages/getting-started-with-video.html
@@ -39,7 +39,7 @@ <h1>Getting Started</h1>
 <div class='content-section getting-started-page'>
 
     <a class='anchor' id='step-1'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 1: <b>Onboard</b> </p>
 
@@ -93,7 +93,7 @@ <h3>Next Actions</h3>
 
 
     <a class='anchor' id='step-2'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 2: <b>Choose a Project</b></p>
         </div>
@@ -135,7 +135,7 @@ <h3>Next Actions</h3>
 
 
     <a class='anchor' id='step-3'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 3: <b>Join a Project</b></p>
         </div>
@@ -177,7 +177,7 @@ <h3>Next Actions</h3>
 
 
     <a class='anchor' id='step-4'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 4: <b>Adopt our Standards</b></p>
 
@@ -217,7 +217,7 @@ <h3>Next Actions</h3>
     </div>
 
 
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <h3> Frequently Asked Questions</h3>
         </div>
diff --git a/pages/getting-started.html b/pages/getting-started.html
index 0be6eaf0d3..f97e16e20e 100644
--- a/pages/getting-started.html
+++ b/pages/getting-started.html
@@ -39,7 +39,7 @@ <h1>Getting Started</h1>
 <div class='content-section getting-started-page'>
 
     <a class='anchor' id='step-1'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 1: <b>Onboard</b> </p>
 
@@ -93,7 +93,7 @@ <h3>Join a Community of Practice</h3>
 
 
     <a class='anchor' id='step-2'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 2: <b>Choose a Project</b></p>
         </div>
@@ -134,7 +134,7 @@ <h3>Join a Community of Practice</h3>
 
 
     <a class='anchor' id='step-3'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 3: <b>Join a Project</b></p>
         </div>
@@ -174,7 +174,7 @@ <h3>Join a Community of Practice</h3>
 
 
     <a class='anchor' id='step-4'></a>
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <p class="getting-started-step-title-header">STEP 4: <b>Adopt our Standards</b></p>
 
@@ -214,7 +214,7 @@ <h3>Join a Community of Practice</h3>
     </div>
 
 
-    <div class='page-card-base card-primary page-card-lg page-card--getting-started'>
+    <div class='page-card card-primary page-card-lg page-card--getting-started'>
         <div class="step-header">
             <h3> Frequently Asked Questions</h3>
         </div>
diff --git a/pages/join-us.html b/pages/join-us.html
index f750d22116..6f5d677ffa 100644
--- a/pages/join-us.html
+++ b/pages/join-us.html
@@ -23,7 +23,7 @@ <h1>Join Us</h1>
   </div>
 
   <div class="content-section join-us-card-container">
-    <div class="page-card-base card-primary page-card-lg page-card--join">
+    <div class="page-card card-primary page-card-lg page-card--join">
       <h1>Advise Us</h1>
       <img class="join-us-card-img" src="/assets/images/join-us/advice-us-icon.svg" alt="join us card image" />
       <div class="join-us-card-body">
@@ -45,7 +45,7 @@ <h1>Advise Us</h1>
       </div>
     </div>
 
-    <div class="page-card-base card-primary page-card-lg page-card--join">
+    <div class="page-card card-primary page-card-lg page-card--join">
       <h1>Volunteer with Us</h1>
       <img class="join-us-card-img" src="/assets/images/join-us/volunteer-with-us-icon.svg" alt="join us card image" />
       <div class="join-us-card-body">
@@ -65,7 +65,7 @@ <h1>Volunteer with Us</h1>
       </div>
     </div>
 
-    <div class="page-card-base card-primary page-card-lg page-card--join">
+    <div class="page-card card-primary page-card-lg page-card--join">
       <h1>Partner with Us</h1>
       <img class="join-us-card-img" src="/assets/images/join-us/partner-with-us-icon.svg" alt="join us card image" />
       <div class="join-us-card-body">
@@ -82,7 +82,7 @@ <h1>Partner with Us</h1>
       </div>
     </div>
 
-    <div class="page-card-base card-primary page-card-lg page-card--join">
+    <div class="page-card card-primary page-card-lg page-card--join">
       <h1>Help Us Keep The Lights On</h1>
       <img id="join-us-donation-icon" class='join-us-card-img' src="/assets/images/join-us/help-us-icon.svg"
         alt="join us card image" />
diff --git a/pages/program-areas.html b/pages/program-areas.html
index bcca376df4..bce4b1f785 100644
--- a/pages/program-areas.html
+++ b/pages/program-areas.html
@@ -19,7 +19,7 @@ <h1>Program Areas</h1>
     {% assign sorted_program_areas = site.data.internal.program-areas | sort %}
     {% for program_areas in sorted_program_areas %}
     {% if program_areas[1].size > 0%}
-    <div class="page-card-base card-primary page-card-lg page-card-container">
+    <div class="page-card card-primary page-card-lg page-card-container">
         <div class="page-card-image-container">
             <img class="page-card-image" src="{{ program_areas[1].image }}" alt="{{ program_areas[1].image_alt }}" />
         </div>
diff --git a/pages/project-meetings.html b/pages/project-meetings.html
index 1393d35ffa..528d47949b 100644
--- a/pages/project-meetings.html
+++ b/pages/project-meetings.html
@@ -18,7 +18,7 @@ <h1 class='team-meetings-title'>Project Team Meetings</h1>
     <p class='meetings-message'>All meetings are currently online due to COVID19.</p>
 </div>
 <div class='content-section calendar-started-page'>
-    <div class='page-card-base card-primary page-card-lg page-card--project-meetings'>
+    <div class='page-card card-primary page-card-lg page-card--project-meetings'>
         <div id="userTimeZone" class='userTimeZone'></div>
         <div id="Monday">
             <h3 class='day-header'>Monday</h3>
diff --git a/pages/sitemap.html b/pages/sitemap.html
index 10859cd20c..1c33ba4b0a 100644
--- a/pages/sitemap.html
+++ b/pages/sitemap.html
@@ -20,7 +20,7 @@ <h1>Site Map</h1>
 
 <!-- Page body -->
 <div class="sitemap-page content-section">
-    <div class="page-card-base card-primary page-card-lg page-card--sitemap">
+    <div class="page-card card-primary page-card-lg page-card--sitemap">
         <div>
             <h3>Sitemap as of 10/22/20</h3>
             <a href="https://www.hackforla.org/assets/images/sitemap/sitemap.jpg" target="_blank">
@@ -30,7 +30,7 @@ <h3>Sitemap as of 10/22/20</h3>
         </div>
     </div>
 
-    <div class="page-card-base card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
+    <div class="page-card card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
         <img class="card-desktop-icon" src="/assets/images/sitemap/lightbulb.svg">
         <div>
             <h3>Suggest Site Content</h3>
@@ -51,7 +51,7 @@ <h3>Suggest Site Content</h3>
     </div>
 
 
-    <div class="page-card-base card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
+    <div class="page-card card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
         <img class="card-desktop-icon" src="/assets/images/sitemap/site.svg">
         <div>
             <h3>Help Us Add Sections to the Website</h3>