From 2ca95516bbaaa9091da7f81a8a8d1d311a988f34 Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Wed, 12 Jun 2024 15:51:29 -0500
Subject: [PATCH] Eliminate media query in favor of a bootstrap class

---
 app/assets/stylesheets/arclight/modules/mastheads.scss | 6 ------
 app/components/arclight/masthead_component.html.erb    | 2 +-
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/arclight/modules/mastheads.scss b/app/assets/stylesheets/arclight/modules/mastheads.scss
index 0f439a38..0f916fd5 100644
--- a/app/assets/stylesheets/arclight/modules/mastheads.scss
+++ b/app/assets/stylesheets/arclight/modules/mastheads.scss
@@ -44,10 +44,4 @@
       color: var(--al-mastead-active-link-color);
     }
   }
-
-  @media (max-width: 767px) {
-    h1 {
-      text-align: center;
-    }
-  }
 }
diff --git a/app/components/arclight/masthead_component.html.erb b/app/components/arclight/masthead_component.html.erb
index df7006c9..3a816db6 100644
--- a/app/components/arclight/masthead_component.html.erb
+++ b/app/components/arclight/masthead_component.html.erb
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row align-items-center">
       <div class="col-md-8" >
-        <span class="h1"><%= heading %></span>
+        <span class="h1 text-center text-md-start"><%= heading %></span>
       </div>
 
       <nav class="navbar navbar-expand col-md-4 d-flex justify-content-md-end justify-content-center" aria-label="browse">