diff --git a/components/HeroSection.tsx b/components/HeroSection.tsx
index 9076f80..0154fb2 100644
--- a/components/HeroSection.tsx
+++ b/components/HeroSection.tsx
@@ -15,18 +15,20 @@ export default function HeroSection() {
       </div>
 
       {/* Hero Content */}
-      <div className="relative z-10 w-full max-w-5xl mx-auto px-8 py-16 text-center">
+      <div className="relative z-10 w-full max-w-5xl xl:max-w-6xl mx-auto px-8 py-16 text-center flex flex-col items-center">
         {/* Game Title */}
-        <h1 className="text-6xl md:text-8xl lg:text-9xl font-gaming font-black mb-4 tracking-tight">
-          <span
-            className="bg-gradient-to-r from-pixel-gold via-orange-400 to-pixel-gold bg-clip-text text-transparent"
-            style={{
-              textShadow: "0 0 30px rgba(218, 165, 32, 0.5)",
-            }}
-          >
-            GAME.OF.TECH
-          </span>
-        </h1>
+        <div className="w-full flex justify-center mb-4">
+          <h1 className="text-6xl md:text-8xl lg:text-9xl xl:text-9xl font-gaming font-black tracking-tight">
+            <span
+              className="bg-gradient-to-r from-pixel-gold via-orange-400 to-pixel-gold bg-clip-text text-transparent"
+              style={{
+                textShadow: "0 0 30px rgba(218, 165, 32, 0.5)",
+              }}
+            >
+              GAME.OF.TECH
+            </span>
+          </h1>
+        </div>
 
         {/* Subtitle */}
         <div className="text-pixel-gold text-xl md:text-2xl font-gaming-subtitle font-semibold flex items-center justify-center gap-2 mb-8 tracking-wider">