From a5a4403bfceda14ca333be5d46cde9632848f078 Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Sun, 18 Dec 2022 20:16:46 -0500
Subject: [PATCH] Website/responsive banner header text tweak (#1036)

* add responsive tweak to widen banner header text on mobile

* tweak responsive width of home page banner text
---
 www/components/banner/banner.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/www/components/banner/banner.css b/www/components/banner/banner.css
index 0c006ff8a..621c0fbd7 100644
--- a/www/components/banner/banner.css
+++ b/www/components/banner/banner.css
@@ -45,9 +45,14 @@
 
       & h3 {
         padding: 10px 0;
-        max-width: 50%;
-        margin: 0 auto;
+        max-width: 70%;
+        margin: 0 auto 10px;
         color: #201e2e;
+
+        @media (min-width: 768px) {
+          max-width: 50%;
+          margin: 0 auto;
+        }
       }
 
       & img {