Update style.css

css/style.css

@@ -96,7 +96,7 @@ img { max-width: 100%; display: block; }
 /* ---------------- Hero ---------------- */
 .hero {
   position: relative;
-  min-height: 94vh;
+  min-height: 66vh;
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -125,7 +125,7 @@ img { max-width: 100%; display: block; }
 
 .hero__inner {
   position: relative;
-  padding: 130px 0 100px;
+  padding: 90px 0 70px;
   max-width: 780px;
 }
 
@@ -663,8 +663,8 @@ img { max-width: 100%; display: block; }
 
 /* ---------------- Responsive ---------------- */
 @media (max-width: 720px) {
-  .hero { min-height: 88vh; }
-  .hero__inner { padding: 120px 0 80px; }
+  .hero { min-height: 62vh; }
+  .hero__inner { padding: 84px 0 56px; }
   .hero__actions .btn { flex: 1 1 auto; justify-content: center; }
   .archive { padding: 72px 0 84px; }
   .cards { grid-template-columns: 1fr; }