diff --git a/landing/hero-content.css b/landing/hero-content.css index f109abdae..60b3a0454 100644 --- a/landing/hero-content.css +++ b/landing/hero-content.css @@ -1,52 +1,44 @@ .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) ); } .sub_heading { color: var(--sub-heading-color); - --smallest-font-size: 16px; - --largest-font-size: 50px; - --font-scale: calc(0.75rem + 1.25vw); - - font-size: clamp( - var(--smallest-font-size), - var(--font-scale), - var(--largest-font-size) - ); + 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; }