diff --git a/styles.css b/styles.css
index 8ed951a..8d87a57 100644
--- a/styles.css
+++ b/styles.css
@@ -128,9 +128,11 @@ button {
 .hero__headline-wrap {
   font-size: clamp(0.8rem, 1.4vw, 1rem);
   position: relative;
-  max-width: 32em;
+  width: fit-content;
+  max-width: 100%;
   min-height: 26em;
   padding-top: 6em;
+  margin-inline: auto;
 }
 
 .section-title {
@@ -142,6 +144,7 @@ button {
 }
 
 .section-title--hero {
+  display: inline-block;
   position: relative;
   z-index: 2;
   max-width: none;
@@ -742,7 +745,8 @@ button {
     font-size: clamp(0.58rem, 2.6vw, 0.82rem);
     min-height: 18em;
     padding-top: 3.4em;
-    max-width: none;
+    width: fit-content;
+    max-width: 100%;
   }
 
   .section-title--hero {