modify justification and sizing

Author: elizabethmcd

src/styles/global.css

@@ -22,7 +22,7 @@ main > section {
 /* Mobile hero text styling - override Tailwind responsive sizing */
 @media (max-width: 768px) {
   .hero-title {
-    font-size: 2.5rem !important;
+    font-size: 2.50rem !important;
     line-height: 1.2 !important;
     font-weight: 400 !important;
     font-family: 'Chivo', sans-serif !important;
@@ -31,6 +31,7 @@ main > section {
     display: flex !important;
     align-items: center !important;
     justify-content: flex-start !important;
+    text-align: left !important;
     padding: 1rem !important;
     color: #3C4228 !important;
   }