From d778a7e5f2df52a44011ebc7d905c759d4e93219 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sun, 8 Mar 2026 16:10:02 +0000
Subject: [PATCH] Fix hero text overlap under bottom circle, reduce mobile menu
 font to 1.1rem

- Add margin-bottom: 0 on circle-3 at 768px and 480px breakpoints
- Reduce mobile nav font from 1.4rem to 1.1rem

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Header.css | 2 +-
 src/components/Hero.css   | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.css b/src/components/Header.css
index 8082be1..db40727 100644
--- a/src/components/Header.css
+++ b/src/components/Header.css
@@ -278,7 +278,7 @@
 }
 
 .mobile-nav-item a {
-    font-size: 1.4rem;
+    font-size: 1.1rem;
     font-weight: 600;
     color: #fff;
     text-decoration: none;
diff --git a/src/components/Hero.css b/src/components/Hero.css
index 4ab7a3d..f44c5a7 100644
--- a/src/components/Hero.css
+++ b/src/components/Hero.css
@@ -377,6 +377,10 @@
         height: 100%;
     }
 
+    .circle-3 {
+        margin-bottom: 0 !important;
+    }
+
     .hero-title {
         font-size: 16px;
     }
@@ -428,6 +432,10 @@
         height: 14px;
     }
 
+    .circle-3 {
+        margin-bottom: 0 !important;
+    }
+
     .hero-title {
         font-size: 14px;
     }