Headers



H1 light background

H1 dark background


H1 SECTION HEADER for desktop

H1 SECTION HEADER for desktop is Open Sans Semibold at 38px
H1 SECTION HEADER for iPad @media (min-width: 768px) (max-width: 992px)

H1 SECTION HEADER for iPad is Open Sans Semibold at 32px with line height of 40px
H1 SECTION HEADER for mobile @media (max-width: 767px)

H1 SECTION HEADER for mobile is Open Sans Semibold at 28px with line height of 36px
H1 page header for desktop

H1 page header for desktop is Open Sans Semibold at 36px
H1 page header for iPad @media (min-width: 768px) (max-width: 992px)

H1 for iPad is Open Sans Semibold at 32px with line height of 40px
H1 page header for mobile @media (max-width: 767px)

H1 for mobile is Open Sans Semibold at 26px with line height of 34px

H2 light background

H2 dark background


H2 for desktop

H2 for desktop is Open Sans Semibold at 30px with line height of 39px
H2 for iPad @media (min-width: 768px) (max-width: 992px)

H2 for iPad is Open Sans Semibold at 24px with line height of 32px
H2 for mobile @media (max-width: 767px)

H2 for mobile is Open Sans Semibold at 22px with line height of 28px

H3 light background

H3 dark background


H3 for desktop

H3 for desktop is Open Sans Semibold at 22px with line height of 30px
H3 for iPad @media (min-width: 768px) (max-width: 992px)

H3 for iPad is Open Sans Semibold at 21px with line height of 26px
H3 for mobile @media (max-width: 767px)

H3 for mobile is Open Sans Semibold at 19px with line height of 25px

H4 light background

H4 dark background


H4 for desktop

H4 for desktop is Open Sans Semibold at 20px with line height of 26px
H4 for iPad @media (min-width: 768px) (max-width: 992px)

H4 for iPad is Open Sans Semibold at 19px with line height of 25px
H4 for mobile @media (max-width: 767px)

H4 for mobile is Open Sans Semibold at 17px with line height of 24px
H5 light background
H5 dark background

H5 for desktop

H5 for desktop is Open Sans Bold at 18px with line height of 23px
H5 for iPad @media (min-width: 768px) (max-width: 992px)

H5 for iPad is Open Sans Semibold at 17px with line height of 23px
H5 for mobile @media (max-width: 767px)

H5 for mobile is Open Sans Semibold at 15px with line height of 22px
H6 light background
H6 dark background

H6 for desktop

H6 for desktop is Open Sans Bold at 16px with line height of 23px
H6 for iPad @media (min-width: 768px) (max-width: 992px)

H6 for iPad is Open Sans Bold at 17px with line height of 24px
H6 for mobile @media (max-width: 767px)

H6 for mobile is Open Sans Bold at 14px with line height of 20px
Card title large light background
Card title large dark background

Card title large for desktop

Card title large for desktop is Open Sans Bold at 16px with line height of 23px
Card title large for iPad @media (min-width: 768px) (max-width: 992px)

Card title large for iPad is Open Sans Bold at 17px with line height of 24px
Card title large for mobile @media (max-width: 767px)

Card title large for mobile is Open Sans Semibold at 14px with line height of 20px
Card title small light background
Card small large dark background

Card title small for desktop

Card title small for desktop is Open Sans Bold at 18px with line height of 26px
Card title small for iPad @media (min-width: 768px) (max-width: 992px)

Card title small for iPad is Open Sans Bold at 17px with line height of 24px
Card title small for mobile @media (max-width: 767px)

Card title small for mobile is Open Sans Bold at 15px with line height of 21px