Update templates/index.html

templates/index.html

@@ -887,9 +887,17 @@
     <div class="hero-background"></div>
 
       <div class="page-wrapper">
-        <header class="hero-header">
-            <h1>Flood Vulnerability Assessment</h1>
-            <p class="subtitle">Global building assessment</p>
+       <header class="hero-header" style="position: relative; padding-top: 40px; text-align: center;">
+            
+            <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>
         <div class="main-container">