Update templates/index.html

templates/index.html

@@ -220,7 +220,7 @@
         /* Form styling */
         .form-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            grid-template-columns: repeat(2, 1fr);
             gap: 1.5rem;
             margin-bottom: 2rem;
         }
@@ -887,20 +887,21 @@
     <div class="hero-background"></div>
     
     <div class="page-wrapper">
-       <header class="hero-header" style="position: relative; padding-top: 40px; text-align: center;">
-
-            <div style="position: absolute; top: 10; left: 0; font-size: 3rem; padding: 10px;">
+        <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>
+
+          <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>
-
-            <div>
-                <h1 style="margin: 0;">Flood Vulnerability Assessment</h1>
-                <p class="subtitle" style="margin-top: -2px">
-                    Global building-level assessment
-                </p>
-            </div>
-
-        </header>
+        </header> 
 
         <div class="main-container">
             <!-- Side Navigation -->