centering

assets/css/hero.css

@@ -123,7 +123,7 @@
 }
 
 .bloc-text h3 {
-  font-size: 2.5rem;
+  font-size: 2.8rem;
   color: #E72E77;
   margin-bottom: 1rem;
 }
@@ -184,17 +184,15 @@
 @media (max-width: 767px) {
 
   .hero-first {
-    padding-top: 5.2vh;
+    /* padding-top: 5.2vh; */
     height: 60vh;
+    width: 100%;
     flex-direction: column;
   }
 
-  .hero-logo {
-    height: 10vh;
-  }
-
   .hero-content {
     height: 20vh;
+    width: 80vw;
   }
 
   .hero-screenshots {
@@ -203,7 +201,7 @@
   }
 
   .screenshot img {
-    width: 13vw;
+    width: 20vw;
     height: auto;
   }
 

partials/components/hero.hbs

@@ -34,7 +34,7 @@
 
         <div class="hero-bloc">
             <div class="bloc-text">
-                <h1>Set Your Preferences</h1>
+                <h3>Set Your Preferences</h3>
                 <ul>
                     <li>Choose from sightseeing, nature, and shopping categories.</li>
                     <li>Refine by subcategories like museums or restaurants.</li>