From ee98b7689693346e24ea76d73b1a85cd7fe88a9a Mon Sep 17 00:00:00 2001
From: Krishna Ayyalasomayajula <krishna@ayyalasomayajula.net>
Date: Tue, 17 Mar 2026 13:32:15 -0500
Subject: [PATCH] typo

---
 css/custom.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 8e4ccc8..6f4ffec 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -905,8 +905,8 @@ header.main-header .header-sticky.active{
 	background-size: cover;
 	min-height: 100vh;
 	overflow: hidden;
-	padding: 250px 0;
-	margin-top: -118px;
+	padding: clamp(100px, 20vh, 200px) 0;
+	margin-top: -50px;
 }
 
 .hero::before{
@@ -961,7 +961,7 @@ header.main-header .header-sticky.active{
 .hero-slider-layout .hero-slide{
 	position: relative;
 	min-height: 100vh;
-    padding: 250px 0;
+    padding: clamp(100px, 20vh, 200px) 0;
 }
 
 .hero.hero-slider:before{
@@ -1029,10 +1029,11 @@ header.main-header .header-sticky.active{
     background-color: var(--accent-color);
 }
 
+/* Responsive hero content */
 .hero-content{
 	position: relative;
 	width: 100%;
-	max-width: 1100px;
+	max-width: min(90%, 1100px);
 	margin: 0 auto;
 	text-align: center;
 	z-index: 2;
@@ -1044,7 +1045,7 @@ header.main-header .header-sticky.active{
 
 .hero-content .section-title p{
 	width: 100%;
-	max-width: 640px;
+	max-width: min(90%, 640px);
 	margin: 0 auto;
 	margin-top: 20px;
 	color: var(--white-color);