From 8e6a50aea432cbf3e43d7c230af90d85de614d88 Mon Sep 17 00:00:00 2001
From: Christian Legnitto <christian@legnitto.com>
Date: Wed, 30 Oct 2024 23:34:19 -0400
Subject: [PATCH] Adjust header sizes to make smaller on smaller screens

---
 src/css/custom.css | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 9ad04e5..4ce2a2b 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -40,7 +40,7 @@
   }
 
   .h1 {
-    @apply text-2xl mt-[1.5em] mb-[1.5em];
+    @apply text-xl lg:text-2xl mt-[1.5em] mb-[1.5em];
   }
 
   h1 {
@@ -48,7 +48,7 @@
   }
 
   .h2 {
-    @apply text-lg mt-[1.5em] mb-[1.5em];
+    @apply text-base lg:text-lg mt-[1.5em] mb-[1.5em];
   }
 
   h2 {
@@ -103,9 +103,6 @@
 }
 
 @layer content {
-  main h2 {
-    @apply text-2xl !important;
-  }
 
   article header h1 {
     @apply mt-0 !important;
@@ -131,7 +128,7 @@
   article header > h1 a,
   article header > h2,
   article header > h2 > a {
-    @apply text-3xl !important;
+    @apply text-xl lg:text-3xl !important;
   }
 }