Fix .slicknav_menu position to resolve navbar obscuring issue

- Changed .slicknav_menu from position: absolute to position: relative
- Added z-index: 1000 for proper layering
- This prevents the mobile menu from covering the main navbar

austin.html

@@ -126,7 +126,7 @@
             <div class="col-lg-7 wow fadeInLeft">
                 <div class="section-title">
                     <h3>about the regional competition</h3>
-                    <h2 class="text-anime-style-2" data-cursor="-opaque">Actively <span>Changing the Game</span></h2>
+                    <h2 class="text-anime-style-2" data-cursor="-opaque">Tech and Cricket in <span>ATX</span></h2>
                 </div>
                 <div class="about-content">
                     <p>The Austin Regionals brings connects high school students from across the Austin region to compete at the highest level. Breaking the financial barrier to cricket, Austin regionals is the first intra-city high school league to be free of cost to players while being competitive at the highest level. Season One features nine schools divided across three geographic divisions — South, East, and North Austin — competing in a round-robin format to claim a spot in the State Championship.</p>
@@ -143,7 +143,7 @@
                     </a>
                     <a href="https://cricclubs.com/USHSC/results?leagueId=g41t2-aF2KbqJyD7sSBu9w&year=2026&series=QKoRw7aJTppHXMxmRSTXmg&seriesName=USAHSC+2026"
                         class="btn-default w-100 text-center" target="_blank">
-                        <i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Lates Results
+                        <i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Latest Results
                     </a>
                     <a href="https://cricclubs.com/USHSC"
                         class="btn-default w-100 text-center" target="_blank">

css/custom.css

@@ -58,6 +58,39 @@
 	--dark-divider-color	: #e9e9e9;
 	--error-color			: rgb(230, 87, 87);
 	--default-font			: "Fira Sans Condensed", sans-serif;
+
+	/* Typography scale using clamp() */
+	--font-size-xs: clamp(0.75rem, 0.7vw + 0.6rem, 0.875rem);
+	--font-size-sm: clamp(0.875rem, 0.8vw + 0.75rem, 1rem);
+	--font-size-base: clamp(1rem, 1vw + 0.75rem, 1.25rem);
+	--font-size-lg: clamp(1.125rem, 1.1vw + 0.875rem, 1.5rem);
+	--font-size-xl: clamp(1.25rem, 1.2vw + 1rem, 1.875rem);
+	--font-size-2xl: clamp(1.5rem, 1.5vw + 1.125rem, 2.25rem);
+	--font-size-3xl: clamp(1.875rem, 1.8vw + 1.25rem, 2.75rem);
+	--font-size-4xl: clamp(2.25rem, 2.2vw + 1.5rem, 3.5rem);
+	--font-size-5xl: clamp(2.75rem, 2.7vw + 1.75rem, 4.5rem);
+
+	/* Spacing scale */
+	--space-1: 0.25rem;
+	--space-2: 0.5rem;
+	--space-3: 0.75rem;
+	--space-4: 1rem;
+	--space-5: 1.25rem;
+	--space-6: 1.5rem;
+	--space-8: 2rem;
+	--space-10: 2.5rem;
+	--space-12: 3rem;
+	--space-16: 4rem;
+	--space-20: 5rem;
+	--space-24: 6rem;
+	--space-32: 8rem;
+
+	/* Container max widths */
+	--container-sm: 540px;
+	--container-md: 720px;
+	--container-lg: 960px;
+	--container-xl: 1140px;
+	--container-fluid: 100%;
 }
 
 /************************************/
@@ -66,7 +99,7 @@
 
 body{
 	font-family: var(--default-font);
-	font-size: 16px;
+	font-size: var(--font-size-base);
 	font-weight: 400;
 	line-height: 1.6em;
 	background-color: var(--white-color);
@@ -96,6 +129,158 @@ figure{
 
 img{
 	max-width: 100%;
+	height: auto;
+	display: block;
+}
+
+/* Ensure all images are responsive */
+img, picture, video, canvas, svg{
+	display: block;
+	height: auto;
+}
+
+/* =========================================
+   SPONSOR SECTION - CRITICAL FIXES
+   ========================================= */
+
+/* Responsive sponsor images */
+.responsive-sponsor-img {
+    width: 100%;
+    height: auto;
+    max-width: 400px;
+    aspect-ratio: 1 / 1;
+    object-fit: contain;
+    display: block;
+}
+
+/* Sponsor logo grid - replaces slider with responsive grid */
+.sponsor-logo-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: clamp(16px, 4vw, 24px);
+    padding: var(--space-8) 0;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.sponsor-logo-item {
+    position: relative;
+    aspect-ratio: 16 / 9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--white-color);
+    border-radius: 8px;
+    padding: var(--space-4);
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.sponsor-logo-item:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
+}
+
+.sponsor-logo-item img {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+    filter: grayscale(100%);
+    opacity: 0.7;
+    transition: all 0.3s ease;
+}
+
+.sponsor-logo-item img:hover {
+    filter: grayscale(0%);
+    opacity: 1;
+}
+
+/* Mobile sponsorship fixes */
+@media (max-width: 768px) {
+    .sponsor-logo-grid {
+        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+        gap: clamp(12px, 3vw, 16px);
+    }
+    
+    .sponsor-logo-item {
+        aspect-ratio: 4 / 3;
+    }
+}
+
+/* Small mobile */
+@media (max-width: 480px) {
+    .sponsor-logo-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+    
+    .sponsor-logo-item {
+        aspect-ratio: 1 / 1;
+        padding: var(--space-2);
+    }
+}
+
+/* Mission Image Responsive Styles */
+.mission-responsive-img {
+    width: 100%;
+    height: auto;
+    max-width: 600px;
+    object-fit: cover;
+    border-radius: 8px;
+}
+
+.mission-circle-img {
+    width: 100%;
+    height: auto;
+    max-width: 200px;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    border-radius: 50%;
+    display: block;
+    margin: 0 auto;
+}
+
+/* Mobile optimization */
+@media (max-width: 768px) {
+    .mission-responsive-img {
+        max-width: 100%;
+    }
+    
+    .mission-circle-img {
+        max-width: 150px;
+    }
+}
+
+/* Vision Image Responsive Styles */
+.vision-responsive-img {
+    width: 100%;
+    height: auto;
+    max-width: 500px;
+    object-fit: cover;
+    border-radius: 8px;
+    display: block;
+}
+
+/* Mobile optimization */
+@media (max-width: 768px) {
+    .vision-responsive-img {
+        max-width: 100%;
+    }
+}
+
+/* Team Image Responsive Styles */
+.team-responsive-img {
+    width: 100%;
+    height: auto;
+    max-width: 500px;
+    border-radius: 8px;
+    display: block;
+}
+
+/* Mobile optimization */
+@media (max-width: 768px) {
+    .team-responsive-img {
+        max-width: 100%;
+    }
 }
 
 a{
@@ -118,11 +303,15 @@ body{
 	overflow-x: clip;
 }
 
-.container{
+.container {
-	max-width: 1300px;
+	width: 100%;
+	max-width: min(90%, var(--container-xl));
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: var(--space-4);
+	padding-right: var(--space-4);
 }
 
-.container,
 .container-fluid,
 .container-lg,
 .container-md,
@@ -415,16 +604,17 @@ body{
 }
 
 .section-title h1{
-	font-size: 80px;
+	font-size: var(--font-size-5xl);
 	font-weight: 700;
-	line-height: 1.3em;
+	line-height: 1.1;
 	text-transform: uppercase;
 	margin-bottom: 0;
 }
 
 .section-title h2{
-	font-size: 44px;
+	font-size: var(--font-size-3xl);
 	font-weight: 700;
+	line-height: 1.2;
 	text-transform: uppercase;
 	margin-bottom: 0;
 }
@@ -479,14 +669,20 @@ header.main-header .header-sticky.active{
 	right: 0;
 	border-radius: 0;
     transform: translateY(0);
-	background: var(--primary-color);
+	background: transparent;
 	border-bottom: 1px solid var(--divider-color);
 	backdrop-filter: blur(30px);
 }
 
 .navbar{
-	padding: 30px 0;
+	padding: clamp(15px, 3vh, 25px) 0;
 	align-items: center;
+	transition: all 0.3s ease;
+	background: transparent;
+}
+
+.navbar.scrolled{
+	padding: clamp(10px, 2vh, 15px) 0;
 }
 
 .navbar-brand{
@@ -647,7 +843,8 @@ header.main-header .header-sticky.active{
 }
 
 .slicknav_menu{
-	position: absolute;
+    position: relative;
+    z-index: 1000;
     width: 100%;
 	padding: 0;
 	background: var(--accent-color);
@@ -720,8 +917,9 @@ header.main-header .header-sticky.active{
 	background-size: cover;
 	min-height: 100vh;
 	overflow: hidden;
-	padding: 250px 0;
+	padding: clamp(100px, 20vh, 200px) 0;
-	margin-top: -118px;
+	margin-top: 0;
+	z-index: 1;
 }
 
 .hero::before{
@@ -732,7 +930,7 @@ header.main-header .header-sticky.active{
 	bottom: 0;
 	left: 0;
 	background-color: var(--primary-color);
-	opacity: 60%;
+	opacity: 30%;
 	width: 100%;
 	height: 100%;
 	z-index: 0;
@@ -776,7 +974,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{
@@ -844,10 +1042,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;
@@ -859,7 +1058,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);
@@ -969,7 +1168,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .about-us{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .about-image{
@@ -1086,7 +1285,7 @@ header.main-header .header-sticky.active{
 
 .join-worship{
 	background-color: var(--secondary-color);
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .join-worship .section-title{
@@ -1242,7 +1441,7 @@ header.main-header .header-sticky.active{
 }
 
 .counter-title h2{
-	font-size: 56px;
+	font-size: var(--font-size-4xl);
 	color: var(--white-color);
 }
 
@@ -1264,7 +1463,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-mission{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .mission-content-body{
@@ -1331,7 +1530,7 @@ header.main-header .header-sticky.active{
 
 .our-services{
 	background-color: var(--secondary-color);
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0 clamp(40px, 6vh, 70px);
 }
 
 .service-item{
@@ -1501,7 +1700,7 @@ header.main-header .header-sticky.active{
 	display: inline-flex;
 	align-items: center;
 	text-transform: uppercase;
-	font-size: 100px;
+	font-size: clamp(40px, 8vw, 100px);
 	line-height: 1em;
 	font-weight: 700;
 	color: transparent;
@@ -1512,6 +1711,13 @@ header.main-header .header-sticky.active{
 	opacity: 50%;
 }
 
+/* Mobile optimization */
+@media (max-width: 768px) {
+	.service-ticker .scrolling-content span {
+		font-size: clamp(30px, 10vw, 60px);
+	}
+}
+
 .service-ticker .scrolling-content span img{
 	width: 100%;
 	max-width: 45px;
@@ -1534,7 +1740,7 @@ header.main-header .header-sticky.active{
 
 .our-ministries{
 	background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
-	padding: 100px 0 50px;
+	padding: clamp(60px, 10vh, 100px) 0 clamp(30px, 5vh, 50px);
 }
 
 .our-ministries .section-title h2 span,
@@ -1643,7 +1849,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-sermons{
-	padding: 50px 0 70px;
+	padding: clamp(40px, 8vh, 70px) 0;
 }
 
 .sermons-item{
@@ -1774,7 +1980,7 @@ header.main-header .header-sticky.active{
 	background: var(--secondary-color) url('../images/verse-church-bg.png') no-repeat;
 	background-position: right center;
 	background-size: contain;
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .verse-church-btn{
@@ -1815,7 +2021,7 @@ header.main-header .header-sticky.active{
 
 .cta-box{
 	background-color: var(--accent-color);
-	padding: 50px 0;
+	padding: clamp(40px, 8vh, 60px) 0;
 }
 
 .cta-box-content{
@@ -1862,7 +2068,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-event{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .event-image figure{
@@ -1962,7 +2168,7 @@ header.main-header .header-sticky.active{
 	background: url('../images/donate-now-bg.jpg') no-repeat;
 	background-position: center center;
 	background-size: cover;
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .video-play-button{
@@ -2093,7 +2299,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-blog{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .blog-item{
@@ -2203,7 +2409,7 @@ header.main-header .header-sticky.active{
 	background: url('../images/subscribe-newsletter-bg.jpg') no-repeat;
 	background-position: center center;
 	background-size: cover;
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .subscribe-newsletter::before{
@@ -2284,7 +2490,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .main-footer{
-	padding: 100px 0 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 	background: var(--primary-color);
 }
 
@@ -2442,8 +2648,8 @@ header.main-header .header-sticky.active{
 	background: url('../images/page-header-bg.jpg') no-repeat;
 	background-position: center center;
 	background-size: cover;
-	padding: 190px 0 100px;
+	padding: clamp(120px, 15vh, 150px) 0 clamp(60px, 10vh, 80px);
-	margin-top: -118px;
+	margin-top: -50px;
 }
 
 .page-header::before{
@@ -2466,7 +2672,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;
@@ -2474,6 +2680,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);
 }
@@ -2512,7 +2724,7 @@ header.main-header .header-sticky.active{
 
 .vision-mission{
 	background-color: var(--secondary-color);
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .vision-mission .section-row .section-title{
@@ -2599,7 +2811,7 @@ header.main-header .header-sticky.active{
 }
 
 .what-we-do{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .what-we-item{
@@ -2646,7 +2858,7 @@ header.main-header .header-sticky.active{
 
 .our-team{
 	background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
-	padding: 100px 0 20px;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .our-team .section-row .section-title h3::before{
@@ -2757,7 +2969,7 @@ header.main-header .header-sticky.active{
 }
 
 .pastors-message{
-	padding: 50px 0 100px;
+	padding: clamp(40px, 8vh, 80px) 0;
 }
 
 .pastors-image{
@@ -2809,7 +3021,7 @@ header.main-header .header-sticky.active{
 
 .core-value{
 	background-color: var(--secondary-color);
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .core-value-faqs-accordion .accordion-item{
@@ -2941,7 +3153,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-services{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .page-services .service-item{
@@ -2953,7 +3165,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-service-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .service-single-content{
@@ -3039,13 +3251,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;
 }
@@ -3232,7 +3444,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-blog{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .page-blog .blog-item{
@@ -3245,7 +3457,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-single-post{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .post-single-meta ol li.breadcrumb-item{
@@ -3305,54 +3517,34 @@ header.main-header .header-sticky.active{
 	margin: 0 0 0.6em;
 }
 
-.post-entry h1{
+.post-entry h1 { font-size: var(--font-size-4xl); }
-	font-size: 54px;
-}
 
-.post-entry h2{
+.post-entry h2 { font-size: var(--font-size-3xl); }
-	font-size: 44px;
-}
 
-.post-entry h3{
+.post-entry h3 { font-size: var(--font-size-2xl); }
-	font-size: 40px;
-}
 
-.post-entry h4{
+.post-entry h4 { font-size: var(--font-size-xl); }
-	font-size: 30px;
-}
 
-.post-entry h5{
+.post-entry h5 { font-size: var(--font-size-lg); }
-	font-size: 24px;
-}
 
-.post-entry h6{
+.post-entry h6 { font-size: var(--font-size-base); }
-	font-size: 18px;
-}
 
-.post-entry p{
+.post-entry p {
 	margin-bottom: 20px;
+	font-size: var(--font-size-base);
 }
 
 .post-entry p:last-child{
 	margin-bottom: 0;
 }
 
-.post-entry p strong{
+.post-entry p strong { font-size: var(--font-size-lg); }
-	color: var(--primary-color);
-	font-size: 18px;
-	font-weight: 600;
-}
 
 .post-entry ol{
     margin: 0 0 30px;
 }
 
-.post-entry ol li{
+.post-entry ol li { font-size: var(--font-size-base); }
-    margin-bottom: 20px;
-    font-size: 18px;
-    font-weight: 600;
-    color: var(--text-color);
-}
 
 .post-entry ul{
 	padding: 0;
@@ -3360,13 +3552,7 @@ header.main-header .header-sticky.active{
 	padding-left: 20px;
 }
 
-.post-entry ul li{
+.post-entry ul li { font-size: var(--font-size-base); }
-	font-size: 18px;
-    font-weight: 500;
-    color: var(--primary-color);
-    position: relative;
-    margin-bottom: 18px;
-}
 
 .post-entry ul li:last-child{
 	margin-bottom: 0;
@@ -3395,12 +3581,7 @@ header.main-header .header-sticky.active{
     margin-bottom: 30px;
 }
 
-.post-entry blockquote p{
+.post-entry blockquote p { font-size: var(--font-size-lg); }
-	color: var(--primary-color);
-	font-size: 20px;
-	font-weight: 600;
-	line-height: 1.4em;
-}
 
 .post-entry blockquote p:last-child{
 	margin-bottom: 0;
@@ -3482,7 +3663,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-sermons{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .page-pagination{
@@ -3524,7 +3705,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-sermons-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .sermons-single-content{
@@ -3737,7 +3918,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-campaign{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .campaign-item{
@@ -3876,7 +4057,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-campaign-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .campaign-single-content{
@@ -3924,7 +4105,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;
@@ -3944,13 +4125,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;
 }
@@ -4176,7 +4357,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-ministries{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 /**************************************/
@@ -4184,7 +4365,7 @@ header.main-header .header-sticky.active{
 /**************************************/
 
 .page-ministry-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .ministry-single-content{
@@ -4235,13 +4416,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;
 }
@@ -4363,7 +4544,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-team{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 /************************************/
@@ -4371,7 +4552,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-gallery{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .page-gallery-box .photo-gallery{
@@ -4398,7 +4579,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-contact-us{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .contact-information{
@@ -4467,9 +4648,10 @@ header.main-header .header-sticky.active{
 	padding: 0;
 }
 
-.google-map-iframe{
+.google-map-iframe {
 	width: 100%;
-	height: 700px;
+	height: clamp(400px, 60vh, 700px);
+	border: 0;
 }
 
 .google-map-iframe iframe{
@@ -4488,7 +4670,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .error-page{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .error-page-image{
@@ -4527,7 +4709,7 @@ header.main-header .header-sticky.active{
 	}
 }
 
-@media only screen and (max-width: 991px){
+@media only screen and (max-width: 768px){
 
 	.slicknav_nav li,
 	.slicknav_nav ul{
@@ -5084,7 +5266,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.service-entry h2{
-		font-size: 36px;
+		font-size: var(--font-size-3xl);
 	}
 
 	.service-catagery-list{
@@ -5138,17 +5320,11 @@ header.main-header .header-sticky.active{
         margin-bottom: 20px;
 	}
 
-	.post-entry blockquote p{
+	.post-entry blockquote p { font-size: var(--font-size-lg); }
-		font-size: 18px;
-	}
 
-	.post-entry h2{
+	.post-entry h2 { font-size: var(--font-size-3xl); }
-		font-size: 36px;
-	}
 
-	.post-entry ul li{
+	.post-entry ul li { font-size: var(--font-size-base); }
-		font-size: 16px;
-	}
 
 	.post-tag-links{
 		padding: 0 0px;
@@ -5263,7 +5439,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.campaign-donate-item h3{
-		font-size: 30px;
+		font-size: var(--font-size-2xl);
 		margin-bottom: 5px;
 	}
 
@@ -5276,7 +5452,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.campaign-entry h2{
-		font-size: 36px;
+		font-size: var(--font-size-3xl);
 	}
 
 	.campaign-gallery img{
@@ -5327,7 +5503,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.ministry-entry h2{
-		font-size: 36px;
+		font-size: var(--font-size-3xl);
 	}
 
 	.ministry-entry ul li{
@@ -5754,11 +5930,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{
@@ -5804,9 +5980,7 @@ header.main-header .header-sticky.active{
         padding: 55px 20px 20px 20px;
 	}
 
-	.post-entry h2{
+	.post-entry h2 { font-size: var(--font-size-3xl); }
-		font-size: 28px;
-	}
 
 	.tag-links{
 		font-size: 20px;
@@ -5891,17 +6065,21 @@ header.main-header .header-sticky.active{
 		width: calc(33.33% - 13.33px);
 	}
 
-	.campaign-donate-item h3{
+.campaign-donate-item h3{
-        font-size: 26px;
+        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{
+.campaign-entry h2{
-        font-size: 28px;
+         font-size: var(--font-size-3xl);
-    }
+     }
 
 	.campaign-entry ul{
         display: block;
@@ -5943,7 +6121,7 @@ header.main-header .header-sticky.active{
 	}
 
 	.ministry-entry h2{
-        font-size: 28px;
+        font-size: var(--font-size-3xl);
     }
 
 	.ministry-entry ul li{

dallas.html

@@ -125,7 +125,7 @@
             <div class="col-lg-7 wow fadeInLeft">
                 <div class="section-title">
                     <h3>about the regional competition</h3>
-                    <h2 class="text-anime-style-2" data-cursor="-opaque">Actively <span>Changing the Game</span></h2>
+                    <h2 class="text-anime-style-2" data-cursor="-opaque">More than cowboys in <span>D-Town</span></h2>
                 </div>
                 <div class="about-content">
                     <p>The Dallas Regionals is the first-ever fully integrated high school tapeball cricket league Dallas-Fort Worth area, bringing together high school students from across the region to compete at the highest level. Season One features nine schools divided across three geographic divisions — South, Central, and North Dallas — competing in a round-robin format to claim a spot in the State Championship.</p>
@@ -142,7 +142,7 @@
                     </a>
                     <a href="https://cricclubs.com/TexasScholasticCricketBoard/results?leagueId=hKGWBeaND6UfZE7_FQSDeQ&year=2026&series=YL5qVXl5UzTJ9e6vFfDgmg&seriesName=DALLAS+REGIONALS+-+SEASON+ONE"
                         class="btn-default w-100 text-center" target="_blank">
-                        <i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Lates Results
+                        <i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Latest Results
                     </a>
                     <a href="https://cricclubs.com/TexasScholasticCricketBoard"
                         class="btn-default w-100 text-center" target="_blank">

index.html

@@ -132,7 +132,7 @@
             <div class="row align-items-center">
 
 
-                <div class="col-lg-15">
+                <div class="col-lg-6">
                     <!-- About Content Start -->
                     <div class="about-content">
                         <!-- Section Title Start -->
@@ -337,14 +337,14 @@
                         <!-- Mission Image Start -->
                         <div class="mission-img">
                             <figure class="image-anime reveal">
-                                <img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
+                                <img src="images/about.gif" alt="" class="mission-responsive-img">
                             </figure>
                         </div>
                         <!-- Mission Image End -->
 
                         <!-- Mission Life Circle Start -->
                         <div class="mission-life-circle">
-                            <img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
+                            <img src="images/hero-bg.jpg" alt="" class="mission-circle-img">
                         </div>
                         <!-- Mission Life Circle End -->
                     </div>
@@ -369,7 +369,7 @@
             </div>
 
             <div class="row">
-                <div class="col-lg-18 col-md-6">
+                <div class="col-lg-6 col-md-6">
                     <!-- Service Item Start -->
                     <div class="service-item wow fadeInUp">
                         <!-- Icon Box Start -->
@@ -391,7 +391,7 @@
                                 <h3>Dallas Regionals</h3>
                             </div>
                             <div class="service-btn">
-                                <a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
+                                <a href="/dallas.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
                             </div>
                         </div>
                         <!-- Service Footer End -->
@@ -401,7 +401,7 @@
 
 
 
-                <div class="col-lg-18 col-md-6">
+                <div class="col-lg-6 col-md-6">
                     <!-- Service Item Start -->
                     <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
                         <!-- Icon Box Start -->
@@ -423,7 +423,7 @@
                                 <h3>austin regionals</h3>
                             </div>
                             <div class="service-btn">
-                                <a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
+                                <a href="/austin.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
                             </div>
                         </div>
                         <!-- Service Footer End -->
@@ -493,7 +493,7 @@
                             <div class="swiper-slide">
                                 <div class="service-slider-image">
                                     <figure>
-                                        <img src="images/srisports.png" style="width: 1200px; height: 1200px;" alt="">
+                                        <img src="images/srisports.png" alt="" class="responsive-sponsor-img">
                                     </figure>
                                 </div>
                             </div>