Fonts

H1 mobile 34px | tablet 40px | desktop 50px

Intro text mobile 18px | tablet 18px | desktop 20px • line-height: 1.5. Links are lighter green that highlights on hover on desktop and on tap on mobile.

H2 mobile 22px | tablet 28px | desktop 33px • font-weight: 400

Body text mobile 18px | tablet 18px | desktop 19px • line-height: 1.5. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore link.

Second paragraph. Lorem ipsum dolor sit amet, adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.

Bulleted list of items
Bulleted list of items
Bulleted list of items
- Bulleted list of items
- Bulleted list of items

Numbered list of items
Numbered list of items
Numbered list of items

H3 mobile 22px | tablet 24px | desktop 28px • font-weight: 300

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.

H4 mobile 18px | tablet 18px | desktop 21px • font-weight: 400

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.

H5 mobile 20px | tablet 22px | desktop 22px • line-height: 1.5 • font-weight: 600

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.

H6 mobile 20px | tablet 22px | desktop 22px • line-height: 1.5 • font-weight: 400

SPECIALTY HEADING mobile 20px | tablet 22px | desktop 25px | color: #368180 | Border-top: 1px #006644

Add class .title-with-top-border-lt-blue to tag for Specialty Heading Text. Ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.

Text on Darker Background

Link on darker background has a white background with Courtyard Green text

H2 line light is 1.4 - mobile 22px | tablet 28px | desktop 33px • font-weight: 400 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita

H3 line height is 1.4 - mobile 22px | tablet 24px | desktop 28px • font-weight: 300 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita

H4 line height is 1.4 - mobile 18px | tablet 18px | desktop 21px • font-weight: 400 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita

H5 line height is 1.5 - mobile 20px | tablet 22px | desktop 22px • line-height: 1.5 • font-weight: 600 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita

font-size: 2.2rem;
margin-bottom: 0;

H1 on Hero Image Variation

H1

.u-text__color—white { color: #fff; }

p body text

font-family: “Zilla Slab”, serif;
font-weight: 400;
color: #464646;

Mobile

font-size: 1.8rem;
line-height: 1.5;
margin-bottom: 2rem;

Tablet

font-size: 1.8rem;
line-height: 1.5;
margin-bottom: 2rem;

Desktop

font-size: 1.9rem;
line-height: 1.5;
margin-bottom: 2.5rem;

Intro Text

font-family: “Arial”, sans-serif;
font-weight: 400;
color: #464646;
line-height: 1.5;
margin-bottom: 3rem;

Mobile

font-size: 1.8rem;

Tablet

font-size: 1.8rem;

Desktop

font-size: 2rem;

Bulleted and Ordered Lists

Unordered List is the same size as regular body text
Sample bulleted text
- Sample bulleted text

Ordered List is also the same font size as regular body text
Sample bulleted text
1. Sample bulleted text (in the editing process this will show as a 1, but will publish as an a)