diff --git a/cara/apps/calculator/templates/calculator.form.html.j2 b/cara/apps/calculator/templates/calculator.form.html.j2
index 1aee7979..66207acf 100644
--- a/cara/apps/calculator/templates/calculator.form.html.j2
+++ b/cara/apps/calculator/templates/calculator.form.html.j2
@@ -23,7 +23,7 @@
 <header class= "bg-light">
   <div class="container container--narrow container--padding">
     <img src="/static/images/cara_logo.200x200.png"  class="logo">
-    <h1 class="head-center"><b>CARA - </b> COVID Airborne Risk Assessment Calculator</h1>
+    <h1 class="text-center h1-text"><b>CARA - </b> COVID Airborne Risk Assessment Calculator</h1>
   </div>
 </header>
 
diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index f92b0e51..4a2cb824 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -113,11 +113,6 @@ body {
   font-size: 2.75vh;
 }
 
-.head-center {
-  text-align: center;
-  font-size: 3vh;
-}
-
 .center {
   position: relative;
   display: flex;
@@ -211,10 +206,6 @@ footer img {
     height: 6em;
   }
 
-  .head-center {
-    font-size: 2.5rem;
-  }
-
   .header-text {
     font-size: 2rem;
   }
@@ -278,6 +269,9 @@ footer img {
     float:left; 
     font-size:.75rem; 
   }
+  .h1-text {
+    font-size: 1.5rem;
+  }
 }
 
 /* Devices under 768px (md) */
diff --git a/cara/apps/templates/index.html.j2 b/cara/apps/templates/index.html.j2
index 28454cfc..3fdfcb24 100644
--- a/cara/apps/templates/index.html.j2
+++ b/cara/apps/templates/index.html.j2
@@ -6,7 +6,7 @@
 <header class= "bg-light">
   <div class="container container--narrow container--padding">
     <img src="/static/images/cara_logo.200x200.png"  class="logo">
-    <h1 class="head-center"><b>CARA - </b> COVID Airborne Risk Assessment</h1>
+    <h1 class="text-center h1-text"><b>CARA - </b> COVID Airborne Risk Assessment</h1>
   </div>
 </header>