Typographic Baseline - Trade Gothic Headings

H1, .h1, Main Hero Heading:

Find out what greatness is

font-size: 91px;
font-family: "TradeGothicW01-BoldCn20 675334", Arial, Helvetica, "sans-serif";
;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;

H2, .h2, Banner Headings:

Find out what greatness is

font-size: 51px;
font-family: "TradeGothicW01-BoldCn20 675334", Arial, Helvetica, "sans-serif";
line-height: 0.9;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;

H3, .h3, Level 3 Heading:

Find out what greatness is

font-size: 38px;
font-family: "TradeGothicW01-BoldCn20 675334", Arial, Helvetica, "sans-serif";
line-height: 0.9;
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;

H4, .h4, Level 4 Heading:

Find out what greatness is

font-size: 28px;
font-family: "Trade Gothic W01 Cn 18", Arial, Helvetica, "sans-serif";
line-height: 0.9;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;
text-transform: uppercase;

H5, .h5, Level 5 Heading:

Find out what greatness is

font-size: 21px;
font-family: "Trade Gothic W01 Cn 18", Arial, Helvetica, "sans-serif";
line-height: 0.9;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;
text-transform: uppercase;

H6, .h6, Level 6 Heading:

Find out what greatness is

font-size: 18px;
font-family: "Trade Gothic W01 Cn 18", Arial, Helvetica, "sans-serif";
line-height: 0.9;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;
text-transform: uppercase;

Typographic Baseline - Helvetica Neue Display Headings

.HN-display-1

Boost your business with Les Mills

font-size: 51px;
font-family: "HelveticaNeueW01-75Bold", Arial , Helvetica, "sans-serif";
line-height: 1.2;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 20px;

.HN-display-2

Boost your business with Les Mills

font-size: 38px;
font-family: "HelveticaNeueW01-75Bold", Arial , Helvetica, "sans-serif";
line-height: 1.2;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 20px;

.HN-display-3, .lead, Article lead Paragraph / Intro

Boost your business with Les Mills

font-size: 28px;
font-family: "HelveticaNeueW01-45Ligh", Arial , Helvetica, "sans-serif";/
line-height: 1.2;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;

.HN-display-4

Boost your business with Les Mills

font-size: 21px;
font-family: "HelveticaNeueW01-45Ligh", Arial , Helvetica, "sans-serif";/
line-height: 1.2;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;

.HN-display-5

Boost your business with Les Mills

font-size: 18px;
font-family: "HelveticaNeueW01-45Ligh", Arial , Helvetica, "sans-serif";/
line-height: 1.2;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;

.normal, standard text baseline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum massa non lectus pharetra porttitor quis placerat felis. Etiam tincidunt ultrices ex id condimentum. Nunc lacinia metus orci, ac interdum augue tempus id. In a odio nec est vehicula convallis. Donec lacinia, orci at maximus scelerisque, est massa eleifend ligula, et fringilla dolor augue sed odio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum massa non lectus pharetra porttitor quis placerat felis. Etiam tincidunt ultrices ex id condimentum. Nunc lacinia metus orci, ac interdum augue tempus id. In a odio nec est vehicula convallis. Donec lacinia, orci at maximus scelerisque, est massa eleifend ligula, et fringilla dolor augue sed odio

font-size: 16px;
font-family: "HelveticaNeueW01-55Roma", Arial, Helvetica, "sans-serif";/
line-height: 1.5;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;

.small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum massa non lectus pharetra porttitor quis placerat felis. Etiam tincidunt ultrices ex id condimentum. Nunc lacinia metus orci, ac interdum augue tempus id. In a odio nec est vehicula convallis. Donec lacinia, orci at maximus scelerisque, est massa eleifend ligula, et fringilla dolor augue sed odio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum massa non lectus pharetra porttitor quis placerat felis. Etiam tincidunt ultrices ex id condimentum. Nunc lacinia metus orci, ac interdum augue tempus id. In a odio nec est vehicula convallis. Donec lacinia, orci at maximus scelerisque, est massa eleifend ligula, et fringilla dolor augue sed odio

font-size: 14px;
font-family: "HelveticaNeueW01-55Roma", Arial, Helvetica, "sans-serif";/
line-height: 1.5;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;

.xsmall

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum massa non lectus pharetra porttitor quis placerat felis. Etiam tincidunt ultrices ex id condimentum. Nunc lacinia metus orci, ac interdum augue tempus id. In a odio nec est vehicula convallis. Donec lacinia, orci at maximus scelerisque, est massa eleifend ligula, et fringilla dolor augue sed odio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum massa non lectus pharetra porttitor quis placerat felis. Etiam tincidunt ultrices ex id condimentum. Nunc lacinia metus orci, ac interdum augue tempus id. In a odio nec est vehicula convallis. Donec lacinia, orci at maximus scelerisque, est massa eleifend ligula, et fringilla dolor augue sed odio

font-size: 12px;
font-family: "HelveticaNeueW01-55Roma", Arial, Helvetica, "sans-serif";/
line-height: 1.5;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 16px;