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
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.

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.

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: