Slider with icons in card image

We need to choose padding + square vs. rectangle

Heading

Preheading

Heading

Paragraph

Link
Heading

Preheading

Heading

Paragraph

Link
Heading

Preheading

Heading

Paragraph

Link
Heading

Preheading

Heading

Paragraph

Link

This is the same as the above

But I made the padding top bottom large. What's the difference?

Heading

Preheading

Heading

Paragraph

Link
Heading

Preheading

Heading

Paragraph

Link
Heading

Preheading

Heading

Paragraph

Link
Heading

Preheading

Heading

Paragraph

Link

dotted line

Below is a dotted line where I've added padding. It's making the dots larger instead of applying padding around the line.

Preaheader

Heading

Heading

Preheading

Heading

Paragraph. This is Card - Image top, text bottom

LInk

Preheading

Heading

Subhead
Heading
Heading

Paragraph

Link
Heading

Paragraph

Link

Card Simple

This is a component called "Card Simple"

Preheading

Heading

Paragraph

Link

Two Column Module

Reverse Columns OFF

Two COlumn module

Reverse column for mobile is NOT on in this example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus arcu magna, consequat ut maximus eget, faucibus nec tellus. In viverra vestibulum nulla quis sodales. Suspendisse ultricies dignissim mi, at congue urna convallis sit amet. Integer tempor sapien commodo cursus egestas. Suspendisse scelerisque malesuada diam, ut interdum sem bibendum et. Curabitur semper sit amet nisi non hendrerit. Pellentesque pretium viverra mauris quis aliquam. 

Title

Two Column Module

Reverse Columns ON

Two COlumn module

Reverse column for mobile is ON in this example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus arcu magna, consequat ut maximus eget, faucibus nec tellus. In viverra vestibulum nulla quis sodales. Suspendisse ultricies dignissim mi, at congue urna convallis sit amet. Integer tempor sapien commodo cursus egestas. Suspendisse scelerisque malesuada diam, ut interdum sem bibendum et. Curabitur semper sit amet nisi non hendrerit. Pellentesque pretium viverra mauris quis aliquam. 

Title

Global heading/text styles

See details below. Note that although there are instances where meta data reads text as "normal", the editor can choose to have it show up on the FE as the style of a heading. 

*Note the exception to the rules below are the notes requested by the client regarding line height on H2s and font weight in the H1* 

Otherwise, styles should follow this: