Update templates/index.html

templates/index.html

@@ -887,21 +887,22 @@
     <div class="hero-background"></div>
     
     <div class="page-wrapper">
-        <header class="hero-header" style="position: relative; padding-top: 40px; text-align: center;">
+       <header class="hero-header" style="position: relative; padding-top: 40px; text-align: center;">
             
-          <div style="position: absolute; top: 7%; left: 1%; font-size: 4vw; line-height: 1;">
+            <div style="position: absolute; top: 7%; left: 1%; font-size: 3.2vw; line-height: 0.8;">
                 💦💧🌊
-          </div>
-
-          <div>
-              <h1 style="margin-top: -15px; font-size: 3rem;">
-                Flood Vulnerability Assessment
-              </h1>
-              <p class="subtitle" style="margin-top: -20px; font-size: 1rem;">
-                  Global building-level assessment
-              </p>
             </div>
-        </header> 
+            
+            <div style="display: inline-block; text-align: center; max-width: 90%; margin: 0 auto;">
+                <h1 style="margin: 0; font-size: 3rem; line-height: 1.2;">
+                    Flood Vulnerability Assessment
+                </h1>
+                <p class="subtitle" style="margin: 0.2rem 0 0 0; font-size: 1rem; line-height: 1.2;">
+                    Global building-level assessment
+                </p>
+            </div>
+
+        </header>
 
         <div class="main-container">
             <!-- Side Navigation -->