From d3d40cdac89660cf3928d905f0dff9fa5fb712bb Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Fri, 28 Nov 2025 21:16:24 +0530
Subject: [PATCH] All font size responsive updated

---
 src/app/about-us/about.module.css       |  2 +-
 src/app/blog/[id]/blogDetail.module.css |  2 +-
 src/app/blog/blog.module.css            |  2 +-
 src/app/contact/contact.module.css      |  2 +-
 src/app/gallery/gallery.module.css      |  2 +-
 src/app/globals.css                     | 21 +++++++++++++++++++++
 src/app/menu/menu.module.css            |  2 +-
 src/components/Hero/Hero.module.css     |  6 +++---
 8 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/src/app/about-us/about.module.css b/src/app/about-us/about.module.css
index e2646f2..ae10687 100644
--- a/src/app/about-us/about.module.css
+++ b/src/app/about-us/about.module.css
@@ -22,7 +22,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
diff --git a/src/app/blog/[id]/blogDetail.module.css b/src/app/blog/[id]/blogDetail.module.css
index f5e52bb..e2dd1ff 100644
--- a/src/app/blog/[id]/blogDetail.module.css
+++ b/src/app/blog/[id]/blogDetail.module.css
@@ -19,7 +19,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
diff --git a/src/app/blog/blog.module.css b/src/app/blog/blog.module.css
index cf00bb4..e73ed4a 100644
--- a/src/app/blog/blog.module.css
+++ b/src/app/blog/blog.module.css
@@ -21,7 +21,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
diff --git a/src/app/contact/contact.module.css b/src/app/contact/contact.module.css
index 0a4b2b0..2965841 100644
--- a/src/app/contact/contact.module.css
+++ b/src/app/contact/contact.module.css
@@ -20,7 +20,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
diff --git a/src/app/gallery/gallery.module.css b/src/app/gallery/gallery.module.css
index c612ad5..323b0c6 100644
--- a/src/app/gallery/gallery.module.css
+++ b/src/app/gallery/gallery.module.css
@@ -21,7 +21,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
diff --git a/src/app/globals.css b/src/app/globals.css
index 8b68c30..c9ddd9c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -76,6 +76,27 @@ button {
   background-color: var(--color-button);
 }
 
+/* ===== H2 RESPONSIVE FONT SIZES ===== */
+
+/* Desktop and Tablet Large: 992px and above - 48px */
+h2 {
+  font-size: 48px !important;
+}
+
+/* Tablet: 768px to 991px - 40px */
+@media (max-width: 991px) and (min-width: 768px) {
+  h2 {
+    font-size: 40px !important;
+  }
+}
+
+/* Mobile: 320px to 767px - 26px */
+@media (max-width: 767px) {
+  h2 {
+    font-size: 30px !important;
+  }
+}
+
 /* Global Border Utility */
 .border-standard {
   border-color: var(--color-border);
diff --git a/src/app/menu/menu.module.css b/src/app/menu/menu.module.css
index b98cede..124ee28 100644
--- a/src/app/menu/menu.module.css
+++ b/src/app/menu/menu.module.css
@@ -21,7 +21,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
diff --git a/src/components/Hero/Hero.module.css b/src/components/Hero/Hero.module.css
index bef30ae..943a60e 100644
--- a/src/components/Hero/Hero.module.css
+++ b/src/components/Hero/Hero.module.css
@@ -56,7 +56,7 @@
 .title {
     font-family: var(--font-playfair);
     font-size: 78px;
-    color: #f5e6d3;
+    color: #d3cab3;
     margin-bottom: 1rem;
     line-height: 1.2;
     text-align: left;
@@ -108,8 +108,8 @@
 }
 
 .btnSecondary:hover {
-    background-color: #b28839;
-    color: #000;
+    background-color: var(--color-gold);
+    color: #fff;
 }
 
 .dots {