Replace with 3in logo and fix centering on all devices

- Update logo path to use 3in par-ity project horizontal logo.png
- Add HTML wrapper with text-align center for proper centering
- Enhance CSS with flexbox centering for cross-device compatibility
- Apply margin auto and display block for perfect alignment
- Ensure logo is centered on both desktop and mobile

app/streamlit_app.py

@@ -627,19 +627,22 @@ def main():
     
     /* Logo styling for better centering and responsiveness */
     .stImage > img {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 100%;
-        height: auto;
+        display: block !important;
+        margin: 0 auto !important;
+        max-width: 100% !important;
+        height: auto !important;
+        text-align: center !important;
     }
     
     /* Ensure logo container is centered with minimal spacing */
     .stImage {
-        text-align: center;
-        width: 100%;
-        margin: 0 !important;
+        text-align: center !important;
+        width: 100% !important;
+        margin: 0 auto !important;
         padding: 0 !important;
+        display: flex !important;
+        justify-content: center !important;
+        align-items: center !important;
     }
     
     /* Remove all default Streamlit spacing around logo */
@@ -754,12 +757,15 @@ def main():
     """, unsafe_allow_html=True)
     
     # Centered logo at the top - minimal spacing
+    st.markdown('<div style="text-align: center; width: 100%;">', unsafe_allow_html=True)
     try:
         # Try multiple possible paths for the logo file
         logo_paths = [
-            "par-ity project horizontal logo.png",  # Direct path in current directory
-            "app/par-ity project horizontal logo.png",  # Original path for local development
-            "./par-ity project horizontal logo.png"  # Explicit current directory
+            "3in par-ity project horizontal logo.png",  # New 3-inch logo
+            "par-ity project horizontal logo.png",  # Fallback to original
+            "app/3in par-ity project horizontal logo.png",  # Original path for local development
+            "app/par-ity project horizontal logo.png",  # Fallback original path
+            "./3in par-ity project horizontal logo.png"  # Explicit current directory
         ]
         
         logo_loaded = False
@@ -773,6 +779,7 @@ def main():
             st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
     except Exception as e:
         st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
+    st.markdown('</div>', unsafe_allow_html=True)
     
     # Initialize session state for step-based flow
     if 'current_step' not in st.session_state: