diff --git a/app/globals.css b/app/globals.css index 7ba6354..1e6b0f6 100644 --- a/app/globals.css +++ b/app/globals.css @@ -307,7 +307,7 @@ button { } .hero__copy { - width: min(680px, 61%); + width: min(900px, 80%); margin-bottom: 8px; } @@ -334,17 +334,17 @@ button { } .hero h1 { - max-width: 680px; + max-width: none; margin: 0; - font-size: clamp(44px, 4.2vw, 67px); - line-height: 1.38; + font-size: clamp(30px, 3vw, 40px); + line-height: 1.28; letter-spacing: -1.7px; - text-wrap: balance; + white-space: nowrap; } .hero__description { max-width: 595px; - margin: 24px 0 32px; + margin: 9px 0 27px; color: rgba(255, 255, 255, 0.78); font-size: 17px; line-height: 2; @@ -732,7 +732,7 @@ button { .section-title h2 { margin: 0; color: var(--navy); - font-size: clamp(29px, 3vw, 41px); + font-size: clamp(25px, 2.4vw, 35px); line-height: 1.5; } @@ -1686,6 +1686,11 @@ button { width: 85%; } + .hero h1 { + white-space: normal; + text-wrap: balance; + } + .hero__stats { display: none; } @@ -1818,12 +1823,12 @@ button { } .hero h1 { - font-size: 37px; + font-size: 32px; line-height: 1.45; } .hero__description { - margin: 18px 0 25px; + margin: 10px 0 24px; font-size: 14px; } @@ -1896,7 +1901,7 @@ button { } .section-title h2 { - font-size: 28px; + font-size: 24px; } .categories .section-title, @@ -2113,7 +2118,7 @@ button { .inner-hero__content h1 { margin: 7px 0 2px; - font-size: clamp(42px, 5vw, 64px); + font-size: clamp(34px, 4vw, 52px); line-height: 1.5; } @@ -2216,7 +2221,7 @@ button { .contact-main__copy h2 { margin: 5px 0 19px; color: var(--navy); - font-size: clamp(31px, 3.5vw, 44px); + font-size: clamp(27px, 3vw, 38px); line-height: 1.55; } @@ -2311,7 +2316,7 @@ button { .inner-section-title h2 { margin: 7px 0 0; color: var(--navy); - font-size: clamp(30px, 3.2vw, 41px); + font-size: clamp(26px, 2.7vw, 35px); } .mission__grid { @@ -2923,7 +2928,7 @@ button { } .inner-hero__content h1 { - font-size: 39px; + font-size: 32px; } .inner-hero__content > p {