diff --git a/style.css b/style.css
index 6ba5647..79a3e72 100644
--- a/style.css
+++ b/style.css
@@ -931,3 +931,21 @@ body.modal-open {
     width: 100%;
   }
 }
+
+@media (max-width: 768px) {
+  .hero__title {
+    max-width: 18ch;
+    font-size: clamp(2.1rem, 8vw, 4rem);
+    -webkit-text-stroke: 7px var(--sea-dark);
+    line-height: 1;
+  }
+}
+
+@media (max-width: 480px) {
+  .hero__title {
+    max-width: 19ch;
+    font-size: clamp(1.85rem, 8.2vw, 3rem);
+    -webkit-text-stroke: 5px var(--sea-dark);
+    letter-spacing: -0.02em;
+  }
+}
\ No newline at end of file