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
Reduce hero::before overlay opacity from 60% to 30% for better background visibility
2026-03-17 14:32:36 -05:00 · 2026-03-17 14:28:15 -05:00 · 2026-03-17 14:25:43 -05:00 · 2026-03-17 14:23:08 -05:00 · 2026-03-17 14:20:52 -05:00 · 2026-03-17 14:18:31 -05:00
5 changed files with 1088 additions and 775 deletions
--- a/about.html
+++ b/about.html
@@ -1,51 +1,50 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="zxx">
-
-<head>
+  <head>
    <!-- Meta -->
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="">
-    <meta name="keywords" content="">
-    <meta name="author" content="Keshav Anand">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="" />
+    <meta name="keywords" content="" />
+    <meta name="author" content="Keshav Anand" />
    <!-- Page Title -->
    <title>TSCB: About Us</title>
    <!-- Favicon Icon -->
-    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
    <!-- Google Fonts Css-->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-        rel="stylesheet">
+      rel="stylesheet"
+    />
    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
+    <link href="css/slicknav.min.css" rel="stylesheet" />
    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen">
+    <link href="css/all.css" rel="stylesheet" media="screen" />
    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet">
+    <link href="css/animate.css" rel="stylesheet" />
    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css">
+    <link rel="stylesheet" href="css/magnific-popup.css" />
    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css">
+    <link rel="stylesheet" href="css/mousecursor.css" />
    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css">
+    <link rel="stylesheet" href="css/plyr.css" />
    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen">
-</head>
-
-<body>
+    <link href="css/custom.css" rel="stylesheet" media="screen" />
+  </head>

+  <body>
    <!-- Preloader Start -->
    <div class="preloader">
      <div class="loading-container">
        <div class="loading"></div>
-            <div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+        <div id="loading-icon"><img src="images/loader.svg" alt="" /></div>
      </div>
    </div>
    <!-- Preloader End -->
@@ -57,7 +56,11 @@
          <div class="container">
            <!-- Logo Start -->
            <a class="navbar-brand" href="./">
-                        <img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
+              <img
+                src="images/logo.png"
+                alt="Logo"
+                style="width: 60px; height: auto"
+              />
            </a>
            <!-- Logo End -->

@@ -65,17 +68,27 @@
            <div class="collapse navbar-collapse main-menu">
              <div class="nav-menu-wrapper">
                <ul class="navbar-nav mr-auto" id="menu">
-                                <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
-                                <li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="about.html">About Us</a>
+                  </li>

-                                        <li class="nav-item"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="dallas.html">Dallas Regionals</a>
+                  </li>

+                  <li class="nav-item">
+                    <a class="nav-link" href="austin.html">Austin Regionals</a>
+                  </li>

-                                        <li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
-
-                                <li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
-                                <li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
-                                        Partners</a></li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact Us</a>
+                  </li>
+                  <li class="nav-item highlighted-menu">
+                    <a class="nav-link" href="sponsors.html">Our Partners</a>
+                  </li>
                </ul>
              </div>
              <!-- Let’s Start Button Start -->
@@ -100,11 +113,15 @@
          <div class="col-lg-12">
            <!-- Page Header Box Start -->
            <div class="page-header-box">
-                        <h1 class="text-anime-style-2" data-cursor="-opaque"><span>About</span> Us</h1>
+              <h1 class="text-anime-style-2" data-cursor="-opaque">
+                <span>About</span> Us
+              </h1>
              <nav class="wow fadeInUp">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="./">home</a></li>
-                                <li class="breadcrumb-item active" aria-current="page">about us</li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    about us
+                  </li>
                </ol>
              </nav>
            </div>
@@ -124,13 +141,17 @@
            <div class="about-image">
              <div class="about-img-1">
                <figure class="image-anime reveal">
-                                <img src="images/cricket.png" alt="">
+                  <img src="images/cricket.png" alt="" />
                </figure>
              </div>

              <div class="about-img-2">
                 <figure class="image-anime reveal">
-                                <img src="images/match.png" alt="" style="width: 348px; height: auto;">
+                   <img
+                     src="images/match.png"
+                     alt=""
+                     class="team-responsive-img"
+                   />
                 </figure>
               </div>
            </div>
@@ -143,17 +164,22 @@
              <!-- Section Title Start -->
              <div class="section-title">
                <h3 class="wow fadeInUp">about us</h3>
-                            <h2 class="text-anime-style-2" data-cursor="-opaque">drive, commitment, and <span>passion
-                                    every day</span></h2>
-                            <p class="wow fadeInUp" data-wow-delay="0.25s">TSCB is a vibrant community of cricket-loving
-                                students dedicated to promoting the sport. Our mission is to share, grow, and
-                                engrain cricket into the American sports culture. Founded in December of 2025, TSCB
-                                aims to grow into the largest hub for high school cricket in the nation.</p>
-                            <p class="wow fadeInUp" data-wow-delay="0.5s">As a registered 501c3 nonprofit, TSCB differs
-                                from other youth leagues by promoting cricket over profit. TSCB connects with existing
-                                cricket club insfrastructures in high schools, aiming to create a network of high
-                                schools
-                                (similar to football) in the US.
+                <h2 class="text-anime-style-2" data-cursor="-opaque">
+                  drive, commitment, and <span>passion every day</span>
+                </h2>
+                <p class="wow fadeInUp" data-wow-delay="0.25s">
+                  TSCB is a vibrant community of cricket-loving students
+                  dedicated to promoting the sport. Our mission is to share,
+                  grow, and engrain cricket into the American sports culture.
+                  Founded in December of 2025, TSCB aims to grow into the
+                  largest hub for high school cricket in the nation.
+                </p>
+                <p class="wow fadeInUp" data-wow-delay="0.5s">
+                  As a registered 501c3 nonprofit, TSCB differs from other youth
+                  leagues by promoting cricket over profit. TSCB connects with
+                  existing cricket club insfrastructures in high schools, aiming
+                  to create a network of high schools (similar to football) in
+                  the US.
                </p>
              </div>
              <!-- Section Title End -->
@@ -165,7 +191,7 @@
                  <!-- About List Item Start -->
                  <div class="about-list-item wow fadeInUp">
                    <div class="icon-box">
-                                        <img src="images/icon-about-list-1.svg" alt="">
+                      <img src="images/icon-about-list-1.svg" alt="" />
                    </div>
                    <div class="about-list-item-content">
                      <h3>Play Competitive Matches</h3>
@@ -174,9 +200,12 @@
                  <!-- About List Item End -->

                  <!-- About List Item Start -->
-                                <div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
+                  <div
+                    class="about-list-item wow fadeInUp"
+                    data-wow-delay="0.25s"
+                  >
                    <div class="icon-box">
-                                        <img src="images/icon-about-list-2.svg" alt="">
+                      <img src="images/icon-about-list-2.svg" alt="" />
                    </div>
                    <div class="about-list-item-content">
                      <h3>Train the Next Generation</h3>
@@ -185,9 +214,12 @@
                  <!-- About List Item End -->

                  <!-- About List Item Start -->
-                                <div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
+                  <div
+                    class="about-list-item wow fadeInUp"
+                    data-wow-delay="0.5s"
+                  >
                    <div class="icon-box">
-                                        <img src="images/icon-about-list-3.svg" alt="">
+                      <img src="images/icon-about-list-3.svg" alt="" />
                    </div>
                    <div class="about-list-item-content">
                      <h3>Connect Statewide Talent</h3>
@@ -196,9 +228,12 @@
                  <!-- About List Item End -->

                  <!-- About List Item Start -->
-                                <div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
+                  <div
+                    class="about-list-item wow fadeInUp"
+                    data-wow-delay="0.75s"
+                  >
                    <div class="icon-box">
-                                        <img src="images/icon-about-list-4.svg" alt="">
+                      <img src="images/icon-about-list-4.svg" alt="" />
                    </div>
                    <div class="about-list-item-content">
                      <h3>Build the Cricket Community</h3>
@@ -216,10 +251,9 @@
      <!-- About Us Section End -->

      <p></p>
-        <p> </p>
-
-        <p> </p>
+      <p></p>

+      <p></p>

      <!-- Our Counter Section Start -->
      <div class="our-counter">
@@ -237,7 +271,10 @@
                <!-- Counter Content Start -->
                <div class="counter-content">
                  <h3>cricketers involved</h3>
-                                <p>With over 15 cities connected, TSCB involved over 300 cricketers in the state.</p>
+                  <p>
+                    With over 15 cities connected, TSCB involved over 300
+                    cricketers in the state.
+                  </p>
                </div>
                <!-- Counter Content End -->
              </div>
@@ -256,7 +293,9 @@
                <!-- Counter Content Start -->
                <div class="counter-content">
                  <h3>Cricket Teams</h3>
-                                <p>9 From Dallas, 9 From Austin, with aims to grow to numerous other cities and teams.
+                  <p>
+                    9 From Dallas, 9 From Austin, with aims to grow to numerous
+                    other cities and teams.
                  </p>
                </div>
                <!-- Counter Content End -->
@@ -276,7 +315,10 @@
                <!-- Counter Content Start -->
                <div class="counter-content">
                  <h3>Funds Raised</h3>
-                                <p>Thanks to our sponsors, TSCB has raised over $4,000 for cricket programs.</p>
+                  <p>
+                    Thanks to our sponsors, TSCB has raised over $4,000 for
+                    cricket programs.
+                  </p>
                </div>
                <!-- Counter Content End -->
              </div>
@@ -295,7 +337,10 @@
                <!-- Counter Content Start -->
                <div class="counter-content">
                  <h3>Cricket Matches</h3>
-                                <p>In its short tenure, TSCB has organized over 20 cricket matches across the state.</p>
+                  <p>
+                    In its short tenure, TSCB has organized over 20 cricket
+                    matches across the state.
+                  </p>
                </div>
                <!-- Counter Content End -->
              </div>
@@ -306,9 +351,6 @@
      </div>
      <!-- Our Counter Section End -->

-
-
-
      <!-- Pastors Message Section Start -->
      <div class="pastors-message">
        <div class="container">
@@ -318,13 +360,17 @@
              <div class="about-image">
                <div class="about-img-1">
                  <figure class="image-anime reveal">
-                                    <img src="images/abhiram.jpg" alt="">
+                    <img src="images/abhiram.jpg" alt="" />
                  </figure>
                </div>

                <div class="about-img-2">
                  <figure class="image-anime reveal">
-                                    <img src="images/saim.png" alt="" style="width: 348px; height: 454px;">
+                    <img
+                      src="images/saim.png"
+                      alt=""
+                      class="vision-responsive-img"
+                    />
                  </figure>
                </div>
              </div>
@@ -336,23 +382,26 @@
                <!-- Section Title Start -->
                <div class="section-title">
                  <h3 class="wow fadeInUp">founders' message</h3>
-                                <h2 class="text-anime-style-2" data-cursor="-opaque">Our community can make a
-                                    <span>profound
-                                        impact</span>
+                  <h2 class="text-anime-style-2" data-cursor="-opaque">
+                    Our community can make a
+                    <span>profound impact</span>
                  </h2>
                </div>
                <!-- Section Title End -->

                <!-- Pastors Comtent Body Start -->
                <div class="pastors-content-body">
-                                <h3 class="wow fadeInUp" data-wow-delay="0.25s">Our mission is to
-                                    cement cricket as an American sport by creating a unified competition at the
-                                    fundamental high-school level... </h3>
-                                <p class="wow fadeInUp" data-wow-delay="0.5s">We aren't just about cricket:
-                                    we are manifesting a framework into high-school culture that is yet to exist.
-                                    We don't just need cricketers but a community, and our committed board, sponsors,
-                                    and
-                                    loyal supporters can make this dream happen. </p>
+                  <h3 class="wow fadeInUp" data-wow-delay="0.25s">
+                    Our mission is to cement cricket as an American sport by
+                    creating a unified competition at the fundamental
+                    high-school level...
+                  </h3>
+                  <p class="wow fadeInUp" data-wow-delay="0.5s">
+                    We aren't just about cricket: we are manifesting a framework
+                    into high-school culture that is yet to exist. We don't just
+                    need cricketers but a community, and our committed board,
+                    sponsors, and loyal supporters can make this dream happen.
+                  </p>
                </div>
                <!-- Pastors Comtent Body End -->

@@ -360,15 +409,16 @@
                <div class="pastors-signature">
                  <!-- Pastors Signature Image Start -->
                  <div class="pastors-signature-img">
-                                    <img src="images/signature.png" alt="">
-                                    <img src="images/saim-sign.png" alt="">
-
+                    <img src="images/signature.png" alt="" />
+                    <img src="images/saim-sign.png" alt="" />
                  </div>
                  <!-- Pastors Signature Image End -->

                  <!-- Pastors Signature Comtent Start -->
                  <div class="pastors-signature-content">
-                                    <p>Abhiram Gadiraju and Rana Saim Zahid, Co-Founders, TCSB</p>
+                    <p>
+                      Abhiram Gadiraju and Rana Saim Zahid, Co-Founders, TCSB
+                    </p>
                  </div>
                  <!-- Pastors Signature Comtent End -->
                </div>
@@ -381,7 +431,6 @@
      </div>
      <!-- Pastors Message Section End -->

-
      <!-- Our Team Start -->
      <!-- <div class="our-counter">
            <div class="container">
@@ -651,8 +700,7 @@
      <!-- Page Team End -->

      <!-- Our Team End -->
-        <p>‎ </p>
-
+      <p>‎</p>

      <!-- Core Value Section Start -->
      <div class="core-value">
@@ -662,7 +710,8 @@
              <!-- Section Title Start -->
              <div class="section-title">
                <h3 class="wow fadeInUp">our core values</h3>
-                            <h2 class="text-anime-style-2" data-cursor="-opaque">Community, Service, and
+                <h2 class="text-anime-style-2" data-cursor="-opaque">
+                  Community, Service, and
                  <span>Leadership</span>
                </h2>
              </div>
@@ -677,16 +726,27 @@
                <!-- FAQ Item Start -->
                <div class="accordion-item wow fadeInUp">
                  <h2 class="accordion-header" id="headingOne">
-                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
-                                        data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                    <button
+                      class="accordion-button"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#collapseOne"
+                      aria-expanded="true"
+                      aria-controls="collapseOne"
+                    >
                      Why was TSCB founded?
                    </button>
                  </h2>
-                                <div id="collapseOne" class="accordion-collapse collapse show"
-                                    aria-labelledby="headingOne" data-bs-parent="#accordion">
+                  <div
+                    id="collapseOne"
+                    class="accordion-collapse collapse show"
+                    aria-labelledby="headingOne"
+                    data-bs-parent="#accordion"
+                  >
                    <div class="accordion-body">
-                                        <p>To create a self-sustained community of cricketers led by
-                                            high-schoolers.
+                      <p>
+                        To create a self-sustained community of cricketers led
+                        by high-schoolers.
                      </p>
                    </div>
                  </div>
@@ -696,18 +756,30 @@
                <!-- FAQ Item Start -->
                <div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
                  <h2 class="accordion-header" id="headingTwo">
-                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+                    <button
+                      class="accordion-button collapsed"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#collapseTwo"
+                      aria-expanded="false"
+                      aria-controls="collapseTwo"
+                    >
                      What makes TSCB different from existing youth leagues?
                    </button>
                  </h2>
-                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
-                                    data-bs-parent="#accordion">
+                  <div
+                    id="collapseTwo"
+                    class="accordion-collapse collapse"
+                    aria-labelledby="headingTwo"
+                    data-bs-parent="#accordion"
+                  >
                    <div class="accordion-body">
-                                        <p>TSCB exists to provide a free and universal platform to spread
-                                            high-school cricket. While leagues are private and commercialized, TSCB aims
-                                            to offer a high-school sport-like experience through free games and
-                                            a central state tournament.
+                      <p>
+                        TSCB exists to provide a free and universal platform to
+                        spread high-school cricket. While leagues are private
+                        and commercialized, TSCB aims to offer a high-school
+                        sport-like experience through free games and a central
+                        state tournament.
                      </p>
                    </div>
                  </div>
@@ -717,17 +789,28 @@
                <!-- FAQ Item Start -->
                <div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
                  <h2 class="accordion-header" id="headingThree">
-                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                                        data-bs-target="#collapseThree" aria-expanded="false"
-                                        aria-controls="collapseThree">
+                    <button
+                      class="accordion-button collapsed"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#collapseThree"
+                      aria-expanded="false"
+                      aria-controls="collapseThree"
+                    >
                      Are there umpires, prizes, and available grounds.
                    </button>
                  </h2>
-                                <div id="collapseThree" class="accordion-collapse collapse"
-                                    aria-labelledby="headingThree" data-bs-parent="#accordion">
+                  <div
+                    id="collapseThree"
+                    class="accordion-collapse collapse"
+                    aria-labelledby="headingThree"
+                    data-bs-parent="#accordion"
+                  >
                    <div class="accordion-body">
-                                        <p>Yes, yes, and also yes: TSCB covers everythign through our connections and
-                                            sponsors.</p>
+                      <p>
+                        Yes, yes, and also yes: TSCB covers everythign through
+                        our connections and sponsors.
+                      </p>
                    </div>
                  </div>
                </div>
@@ -736,20 +819,31 @@
                <!-- FAQ Item Start -->
                <div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
                  <h2 class="accordion-header" id="headingfour">
-                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                                        data-bs-target="#collapsefour" aria-expanded="false"
-                                        aria-controls="collapsefour">
+                    <button
+                      class="accordion-button collapsed"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#collapsefour"
+                      aria-expanded="false"
+                      aria-controls="collapsefour"
+                    >
                      How can a new team become involved with TSCB
                    </button>
                  </h2>
-                                <div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
-                                    data-bs-parent="#accordion">
+                  <div
+                    id="collapsefour"
+                    class="accordion-collapse collapse"
+                    aria-labelledby="headingfour"
+                    data-bs-parent="#accordion"
+                  >
                    <div class="accordion-body">
-                                        <p><a href="contact.html">Contact us</a>, and we will place you into a league as
-                                            soon as possible.
-                                            Right now, our leagues are only in Austin and Dallas, so school outside
-                                            those cities will have to
-                                            provide their own transportation to grounds.</p>
+                      <p>
+                        <a href="contact.html">Contact us</a>, and we will place
+                        you into a league as soon as possible. Right now, our
+                        leagues are only in Austin and Dallas, so school outside
+                        those cities will have to provide their own
+                        transportation to grounds.
+                      </p>
                    </div>
                  </div>
                </div>
@@ -758,21 +852,33 @@
                <!-- FAQ Item Start -->
                <div class="accordion-item wow fadeInUp" data-wow-delay="1s">
                  <h2 class="accordion-header" id="headingfive">
-                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-                                        data-bs-target="#collapsefive" aria-expanded="false"
-                                        aria-controls="collapsefive">
+                    <button
+                      class="accordion-button collapsed"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#collapsefive"
+                      aria-expanded="false"
+                      aria-controls="collapsefive"
+                    >
                      Is this recreational or is there an actual pathway ahead?
                    </button>
                  </h2>
-                                <div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
-                                    data-bs-parent="#accordion">
+                  <div
+                    id="collapsefive"
+                    class="accordion-collapse collapse"
+                    aria-labelledby="headingfive"
+                    data-bs-parent="#accordion"
+                  >
                    <div class="accordion-body">
-                                        <p>TSCB is not recreational: it is a competitive league that is played
-                                            using tapeball (for preliminary matches) to be more mindful of cricket's
-                                            steep learning curve (avoiding beginner injuries). Performant teams will
-                                            advance to the state competition (with cash prizes), our partnership with
-                                            NCCA aims to bring such competitions in the spotlight of selectors at the
-                                            collegiant and higher levels.
+                      <p>
+                        TSCB is not recreational: it is a competitive league
+                        that is played using tapeball (for preliminary matches)
+                        to be more mindful of cricket's steep learning curve
+                        (avoiding beginner injuries). Performant teams will
+                        advance to the state competition (with cash prizes), our
+                        partnership with NCCA aims to bring such competitions in
+                        the spotlight of selectors at the collegiant and higher
+                        levels.
                      </p>
                    </div>
                  </div>
@@ -781,14 +887,16 @@
              </div>
              <!-- Core Value FAQ Accordion End -->
            </div>
-
          </div>
        </div>
      </div>
+      <!-- Core Value Section End -->
+    </div>
+    <!-- About Us Section End -->

+    <p>‎</p>

-
-
+    <!-- Footer Start -->

    <!-- Footer Start -->
    <footer class="main-footer">
@@ -799,7 +907,11 @@
            <div class="about-footer">
              <!-- Footer Logo Start -->
              <div class="footer-logo">
-                            <img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
+                <img
+                  src="images/logo.png"
+                  alt="Footer Logo"
+                  style="width: 100px; height: auto"
+                />
              </div>
              <!-- Footer Logo End -->

@@ -811,16 +923,19 @@
                  const foundingDate = new Date("2025-12-29");
                  const now = new Date();

-                                const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
-                                    + (now.getMonth() - foundingDate.getMonth());
+                  const months =
+                    (now.getFullYear() - foundingDate.getFullYear()) * 12 +
+                    (now.getMonth() - foundingDate.getMonth());

                  const years = Math.floor(months / 12);
                  const remainingMonths = months % 12;

                  let duration = "";
-                                if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
+                  if (years > 0)
+                    duration += `${years} year${years > 1 ? "s" : ""}`;
                  if (years > 0 && remainingMonths > 0) duration += " and ";
-                                if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
+                  if (remainingMonths > 0)
+                    duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
                  if (months === 0) duration = "less than a month";

                  document.getElementById("age-text").textContent =
@@ -830,14 +945,21 @@
              <!-- Footer Social Links Start -->
              <div class="footer-social-links">
                <ul>
-                                <li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
-                                            class="fa-brands fa-instagram"></i></a></li>
-                                <li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
-
+                  <li>
+                    <a
+                      href="https://www.instagram.com/texasscholasticcricketboard/"
+                      ><i class="fa-brands fa-instagram"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"
+                      ><i class="fa-brands fa-youtube"></i
+                    ></a>
+                  </li>
                </ul>
              </div>
              <!-- Footer Social Links End -->
-
            </div>
            <!-- About Footer End -->
          </div>
@@ -863,8 +985,17 @@
              <ul>
                <li><a href="/dallas.html">dallas regionals</a></li>
                <li><a href="/austin.html">austin regionals</a></li>
-                            <li><a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a></li>
-                            <li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
+                <li>
+                  <a href="https://cricclubs.com/TexasScholasticCricketBoard"
+                    >dallas cricclubs league</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026"
+                    >austin cricclubs league</a
+                  >
+                </li>
              </ul>
            </div>
            <!-- About Links End -->
@@ -879,7 +1010,7 @@
                <!-- Footer Info Box Start -->
                <div class="footer-info-box">
                  <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                    <img src="images/icon-phone.svg" alt="" />
                  </div>
                  <div class="footer-info-box-content">
                    <p>(+1) (945) 900-1148</p>
@@ -890,15 +1021,13 @@
                <!-- Footer Info Box Start -->
                <div class="footer-info-box">
                  <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                    <img src="images/icon-mail.svg" alt="" />
                  </div>
                  <div class="footer-info-box-content">
                    <p>texasscholasticcricketboard@gmail.com</p>
                  </div>
                </div>
                <!-- Footer Info Box End -->
-
-
              </div>
              <!-- Footer Contact Details End -->
            </div>
@@ -912,7 +1041,10 @@
            <div class="col-lg-6 col-md-6">
              <!-- Footer Copyright Start -->
              <div class="footer-copyright-text">
-                            <p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
+                <p>
+                  Copyright 2026 Texas Scholastic Cricket Board. All Rights
+                  Reserved.
+                </p>
              </div>
              <!-- Footer Copyright End -->
            </div>
@@ -921,7 +1053,12 @@
              <!-- Footer Social Link Start -->
              <div class="footer-privacy-policy">
                <ul>
-                                <li><a href="https://docs.google.com/document/d/10jrcqdHfUYqF6YBHKVqBewxep7vsUbvrIDLX7ednoCc/edit?tab=t.0#heading=h.xzi71qd5vfcz">policies</a></li>
+                  <li>
+                    <a
+                      href="https://docs.google.com/document/d/10jrcqdHfUYqF6YBHKVqBewxep7vsUbvrIDLX7ednoCc/edit?tab=t.0#heading=h.xzi71qd5vfcz"
+                      >policies</a
+                    >
+                  </li>
                  <li><a href="/liability.html">liability</a></li>
                </ul>
              </div>
@@ -934,7 +1071,6 @@
    </footer>
    <!-- Footer End -->

-
    <!-- Jquery Library File -->
    <script src="js/jquery-3.7.1.min.js"></script>
    <!-- Bootstrap js file -->
@@ -968,6 +1104,5 @@
    <script src="js/wow.js"></script>
    <!-- Main Custom js file -->
    <script src="js/function.js"></script>
-</body>
-
+  </body>
 </html>
--- a/austin.html
+++ b/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">
--- a/css/custom.css
+++ b/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{
-	max-width: 1300px;
+.container {
+	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;
-	margin-top: -118px;
+	padding: clamp(100px, 20vh, 200px) 0;
+	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;
-	margin-top: -118px;
+	padding: clamp(120px, 15vh, 150px) 0 clamp(60px, 10vh, 80px);
+	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{
-	font-size: 54px;
-}
+.post-entry h1 { font-size: var(--font-size-4xl); }

-.post-entry h2{
-	font-size: 44px;
-}
+.post-entry h2 { font-size: var(--font-size-3xl); }

-.post-entry h3{
-	font-size: 40px;
-}
+.post-entry h3 { font-size: var(--font-size-2xl); }

-.post-entry h4{
-	font-size: 30px;
-}
+.post-entry h4 { font-size: var(--font-size-xl); }

-.post-entry h5{
-	font-size: 24px;
-}
+.post-entry h5 { font-size: var(--font-size-lg); }

-.post-entry h6{
-	font-size: 18px;
-}
+.post-entry h6 { font-size: var(--font-size-base); }

-.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{
-	color: var(--primary-color);
-	font-size: 18px;
-	font-weight: 600;
-}
+.post-entry p strong { font-size: var(--font-size-lg); }

 .post-entry ol{
    margin: 0 0 30px;
 }

-.post-entry ol li{
-    margin-bottom: 20px;
-    font-size: 18px;
-    font-weight: 600;
-    color: var(--text-color);
-}
+.post-entry ol li { font-size: var(--font-size-base); }

 .post-entry ul{
 	padding: 0;
@@ -3360,13 +3552,7 @@ header.main-header .header-sticky.active{
 	padding-left: 20px;
 }

-.post-entry ul li{
-	font-size: 18px;
-    font-weight: 500;
-    color: var(--primary-color);
-    position: relative;
-    margin-bottom: 18px;
-}
+.post-entry ul li { font-size: var(--font-size-base); }

 .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{
-	color: var(--primary-color);
-	font-size: 20px;
-	font-weight: 600;
-	line-height: 1.4em;
-}
+.post-entry blockquote p { font-size: var(--font-size-lg); }

 .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{
-		font-size: 18px;
-	}
+	.post-entry blockquote p { font-size: var(--font-size-lg); }

-	.post-entry h2{
-		font-size: 36px;
-	}
+	.post-entry h2 { font-size: var(--font-size-3xl); }

-	.post-entry ul li{
-		font-size: 16px;
-	}
+	.post-entry ul li { font-size: var(--font-size-base); }

 	.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{
-		font-size: 28px;
-	}
+	.post-entry h2 { font-size: var(--font-size-3xl); }

 	.tag-links{
 		font-size: 20px;
@@ -5891,16 +6065,20 @@ 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{
@@ -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{
--- a/dallas.html
+++ b/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">
--- a/index.html
+++ b/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>
Author	SHA1	Message	Date
Krishna Ayyalasomayajula	d12f39b151	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	2026-03-17 14:32:36 -05:00
Krishna Ayyalasomayajula	dae335b1ff	Reduce hero::before overlay opacity from 60% to 30% for better background visibility	2026-03-17 14:28:15 -05:00
Krishna Ayyalasomayajula	7ac7e472a5	Fix navbar sticky background to remain transparent When the page is scrolled and .header-sticky.active is applied, change background from var(--primary-color) to transparent so the hero background image remains visible.	2026-03-17 14:25:43 -05:00
Krishna Ayyalasomayajula	f0e275a24f	Fix navbar transparent background - Added 'background: transparent;' to .navbar selector - Restores transparent navbar background that may have been removed in Phase 4.2	2026-03-17 14:23:08 -05:00
Krishna Ayyalasomayajula	8d0face1ad	Fix slicknav responsive breakpoint from 991px to 768px	2026-03-17 14:20:52 -05:00
Krishna Ayyalasomayajula	2bec588f07	Restore slicknav_menu to working state - position: absolute, no z-index	2026-03-17 14:18:31 -05:00
Krishna Ayyalasomayajula	04c1db49bc	Restore slicknav_menu z-index to 1000 to fix navbar visibility	2026-03-17 14:17:09 -05:00
Krishna Ayyalasomayajula	8f445ace51	Fix slicknav_menu positioning and z-index to prevent header overlay	2026-03-17 14:13:05 -05:00
Krishna Ayyalasomayajula	b20e5ab276	Add explicit z-index to hero and slicknav for better stacking	2026-03-17 14:06:13 -05:00
Krishna Ayyalasomayajula	db28aa077a	Fix hero section negative margin overlapping navbar	2026-03-17 14:05:39 -05:00
Krishna Ayyalasomayajula	3b952a64d2	Fix all section padding to use responsive clamp() values	2026-03-17 13:54:13 -05:00
Krishna Ayyalasomayajula	9327b2dc29	Fix navbar padding to use responsive clamp() values	2026-03-17 13:49:23 -05:00
Krishna Ayyalasomayajula	2fd186833c	Fix container padding cascade conflict by removing .container from grouped selector	2026-03-17 13:48:02 -05:00
Krishna Ayyalasomayajula	bf9c1997ae	Fix container max width to use responsive min() and CSS custom properties	2026-03-17 13:46:55 -05:00
Krishna Ayyalasomayajula	eb61d3279f	Fix campaign, ministry, and service entry typography to use responsive CSS variables	2026-03-17 13:45:31 -05:00
Krishna Ayyalasomayajula	e6ef8a35d3	Fix page header h1 typography to use responsive CSS variables	2026-03-17 13:42:42 -05:00
Krishna Ayyalasomayajula	98f37fa94d	typo	2026-03-17 13:40:38 -05:00
Krishna Ayyalasomayajula	edece9106f	typo	2026-03-17 13:38:44 -05:00
Krishna Ayyalasomayajula	fb7ede6f9c	typo	2026-03-17 13:37:22 -05:00
Krishna Ayyalasomayajula	38af2d580c	typo	2026-03-17 13:36:08 -05:00
Krishna Ayyalasomayajula	c6ffbfa5bd	typo	2026-03-17 13:34:35 -05:00
Krishna Ayyalasomayajula	5462e41264	typo	2026-03-17 13:33:22 -05:00
Krishna Ayyalasomayajula	ee98b76896	typo	2026-03-17 13:32:15 -05:00
Krishna Ayyalasomayajula	b8d60dbc24	typo	2026-03-17 13:30:46 -05:00
Krishna Ayyalasomayajula	f1b0a840a5	typo	2026-03-17 13:29:15 -05:00
Krishna Ayyalasomayajula	e78e3a980a	typo	2026-03-17 13:28:21 -05:00
Krishna Ayyalasomayajula	3db7c385bd	typo	2026-03-17 13:27:08 -05:00
Krishna Ayyalasomayajula	576b2c98f3	typo	2026-03-17 13:25:36 -05:00
KeshavAnandCode	9c4232cbe0	typo	2026-03-17 12:27:24 -05:00
KeshavAnandCode	c520e3858c	href fix	2026-03-17 00:26:41 -05:00