From eb61d3279f6adc6aee7701c0574f44af472a5d6e Mon Sep 17 00:00:00 2001
From: Krishna Ayyalasomayajula <krishna@ayyalasomayajula.net>
Date: Tue, 17 Mar 2026 13:45:31 -0500
Subject: [PATCH] Fix campaign, ministry, and service entry typography to use
 responsive CSS variables

---
 css/custom.css | 42 +++++++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 062a9e1..c310a78 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -3239,13 +3239,13 @@ header.main-header .header-sticky.active{
 }
 
 .service-entry h2{
-	font-size: 44px;
+	font-size: var(--font-size-3xl);
 	text-transform: uppercase;
 	margin-bottom: 20px;
 }
 
 .service-entry h3{
-	font-size: 20px;
+	font-size: var(--font-size-base);
 	text-transform: capitalize;
 	margin-bottom: 20px;
 }
@@ -4093,7 +4093,7 @@ header.main-header .header-sticky.active{
 }
 
 .campaign-donate-item h3{
-	font-size: 34px;
+	font-size: var(--font-size-2xl);
 	font-weight: 500;
 	color: var(--white-color);
 	margin-bottom: 10px;
@@ -4113,13 +4113,13 @@ header.main-header .header-sticky.active{
 }
 
 .campaign-entry h2{
-	font-size: 44px;
+	font-size: var(--font-size-3xl);
 	text-transform: uppercase;
 	margin-bottom: 20px;
 }
 
 .campaign-entry h3{
-	font-size: 20px;
+	font-size: var(--font-size-base);
 	text-transform: capitalize;
 	margin-bottom: 20px;
 }
@@ -4404,13 +4404,13 @@ header.main-header .header-sticky.active{
 }
 
 .ministry-entry h2{
-	font-size: 44px;
+	font-size: var(--font-size-3xl);
 	text-transform: uppercase;
 	margin-bottom: 20px;
 }
 
 .ministry-entry h3{
-	font-size: 20px;
+	font-size: var(--font-size-base);
 	text-transform: capitalize;
 	margin-bottom: 20px;
 }
@@ -5254,7 +5254,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.service-entry h2{
-		font-size: 36px;
+		font-size: var(--font-size-3xl);
 	}
 
 	.service-catagery-list{
@@ -5427,7 +5427,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.campaign-donate-item h3{
-		font-size: 30px;
+		font-size: var(--font-size-2xl);
 		margin-bottom: 5px;
 	}
 
@@ -5440,7 +5440,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.campaign-entry h2{
-		font-size: 36px;
+		font-size: var(--font-size-3xl);
 	}
 
 	.campaign-gallery img{
@@ -5491,7 +5491,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.ministry-entry h2{
-		font-size: 36px;
+		font-size: var(--font-size-3xl);
 	}
 
 	.ministry-entry ul li{
@@ -5918,11 +5918,11 @@ header.main-header .header-sticky.active{
 	}
 
 	.service-entry h2{
-        font-size: 28px;
+        font-size: var(--font-size-3xl);
     }
 
 	.service-entry h3{
-        font-size: 18px;
+        font-size: var(--font-size-base);
     }
 
 	.service-entry ul{
@@ -6053,17 +6053,21 @@ header.main-header .header-sticky.active{
 		width: calc(33.33% - 13.33px);
 	}
 
-	.campaign-donate-item h3{
-        font-size: 26px;
+.campaign-donate-item h3{
+        font-size: var(--font-size-2xl);
+    }
+
+	.campaign-entry h2{
+        font-size: var(--font-size-3xl);
     }
 
 	.campaign-donate-item p{
         font-size: 16px;
     }
 
-	.campaign-entry h2{
-        font-size: 28px;
-    }
+.campaign-entry h2{
+         font-size: var(--font-size-3xl);
+     }
 
 	.campaign-entry ul{
         display: block;
@@ -6105,7 +6109,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.ministry-entry h2{
-        font-size: 28px;
+        font-size: var(--font-size-3xl);
     }
 
 	.ministry-entry ul li{