Typography

We have prepared specific classes for each font size:

	Font Family	Font weight	Font size	Line height	HTML Class
Display 1	[ Google font ]	Bold	80px	120%	`.ds-1`
Display 2	[ Google font ]	Bold	72px	120%	`.ds-2`
Display 3	[ Google font ]	Bold	64px	120%	`.ds-3`
Display 4	[ Google font ]	Bold	56px	120%	`.ds-4`
Display 5	[ Google font ]	Bold	48px	120%	`.ds-5`
Display 6	[ Google font ]	Bold	40px	120%	`.ds-6`
Heading 1	[ Google font ]	Black	60px	120%	`<h1>` or `.h1`
Heading 2	[ Google font ]	Black	48px	120%	`<h2>` or `.h2`
Heading 3	[ Google font ]	Bold	38px	120%	`<h3>` or `.h3`
Heading 4	[ Google font ]	Bold	31px	120%	`<h4>` or `.h4`
Heading 5	[ Google font ]	Bold	25px	120%	`<h5>` or `.h5`
Heading 6	[ Google font ]	Bold	20px	120%	`<h6>` or `.h6`
fs-1 Lorem ipsum	[ Google font ]	Medium	40px	150%	`.fs-1`
fs-2 Lorem ipsum	[ Google font ]	Medium	32px	150%	`.fs-2`
fs-3 Lorem ipsum	[ Google font ]	Medium	28px	150%	`.fs-3`
fs-4 Lorem ipsum	[ Google font ]	Medium	24px	150%	`.fs-4`
fs-5 Lorem ipsum	[ Google font ]	Medium	20px	150%	`.fs-5`
fs-6 Lorem ipsum	[ Google font ]	Medium	16px	150%	`.fs-6`
fs-7 Lorem ipsum	[ Google font ]	Medium	14px	150%	`.fs-7`
fs-8 Lorem ipsum	[ Google font ]	Medium	12px	120%	`.fs-8`