Headings
Style structure
⚠️ Change sizes on mobile landscape
Heading sizes ends up with ks-h4 since later is easier using Text sizes
Class
Properties
Example - Change here
ks-h1
font-size: 8xl; 6rem; /* 96px */
line-height: 1
H1 heading
ks-h2
font-size: 7xl; 4.5rem; /* 72px */
line-height: 1
H2 heading
ks-h3
font-size: 4xl; 2.25rem; /* 36px */
line-height: 1
H3 heading
ks-h4
font-size: 3xl; 1.875rem; /* 30px */
line-height: 1