diff --git a/landing/hero-content.css b/landing/hero-content.css index 60b3a0454..a048c40fd 100644 --- a/landing/hero-content.css +++ b/landing/hero-content.css @@ -1,44 +1,41 @@ .cycling_header { - --smallest-font-size: 30px; - --largest-font-size: 72px; - --font-scale: calc(1rem + 2vw); font-weight: bold; font-family: 'iA Writer Duo S', monospace; padding-bottom: 16px; - font-size: clamp( - var(--smallest-font-size), - var(--font-scale), - var(--largest-font-size) - ); + font-size: clamp(2.5rem, -0.5rem + 4vw, 4.25rem); +} +@media (max-width: 1099px) { + .cycling_header { + font-size: clamp(1.5rem, 0.0122rem + 5.9514vw, 4.1rem); + } } .sub_heading { color: var(--sub-heading-color); font-size: clamp(1rem, 0.5556rem + 2.2222vw, 3.125rem); margin-bottom: 60px; } form { width: 92%; } @media (max-width: 1099px) { form { width: 100%; } } .cycling_content, .sub_heading { font-family: 'iA Writer Duo S', monospace; text-align: left; line-height: 1.35; - letter-spacing: -0.01em; } .cycling_content { background: var(--sub-heading-color); } .contentWrapper { flex-basis: 300px; }