From e6ef8a35d3fa4f1c4fa20d700b5defa7de03a7ab Mon Sep 17 00:00:00 2001
From: Krishna Ayyalasomayajula <krishna@ayyalasomayajula.net>
Date: Tue, 17 Mar 2026 13:42:42 -0500
Subject: [PATCH] Fix page header h1 typography to use responsive CSS variables

---
 css/custom.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/custom.css b/css/custom.css
index dab6f0f..062a9e1 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -2660,7 +2660,7 @@ header.main-header .header-sticky.active{
 }
 
 .page-header-box h1{
-	font-size: 80px;
+	font-size: var(--font-size-5xl);
     font-weight: 700;
 	text-transform: uppercase;
 	text-align: center;
@@ -2668,6 +2668,12 @@ header.main-header .header-sticky.active{
 	margin-bottom: 25px;
 }
 
+@media (max-width: 768px) {
+	.page-header-box h1 {
+		font-size: var(--font-size-4xl);
+	}
+}
+
 .page-header-box h1 span{
 	color: var(--white-color);
 }