Navigation Items

Typography

Heading 1

H1 - Font:Playfair, Size: 3.5 REM(56px) 700

Heading 2

H2 - Font:Playfair, Size: 3 REM(48px) 700

Heading 3

H3 - Font:Playfair, Size: 2.5 REM(40px) 700

Heading 4

H4 - Font:Playfair, Size: 2 REM(32px) 400
Heading 5
H5 - Font:Playfair, Size: 1.2 REM(19.2px) 400
Heading 6
H6 - Font:Playfair, Size: 0.8 REM(12.8px) 800
Subheader
Used mainly for dates
Secondary Subheader
Used mainly for location
Body Text Font
Paragraph - Font:Montserrat, Size: 1 REM(16px) 300

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph - Font:Montserrat, Size: 1 REM(16px) 300
Text links in website
Text Link - Font:Montserrat, Size: 1 REM(16px) 400
Block Quote
Block Quote - Font:Playfair, Size: 2 REM(32px) 600
Color Quotation Mark

Very Large

Very Large Heading - Font:Playfair, Size: 5 REM(80px) 700

Large

Large Heading - Font:Playfair, Size: 4 REM(64px) 700

Medium

Medium Heading - Font:Playfair, Size: 2 REM(35.2px) 700

Small

Small Heading - Font:Playfair, Size: 1.6 REM(25.6px) 700
Very Small
Very Small Heading - Font:Playfair, Size: 0.9 REM(14.4px) 700

Very Large

Very Large Heading - Font:Playfair, Size: 5 REM(80px) 700

Large

Large Heading - Font:Playfair, Size: 4 REM(64px) 700

Medium

Medium Heading - Font:Playfair, Size: 2 REM(35.2px) 700

Small

Small Heading - Font:Playfair, Size: 1.6 REM(25.6px) 700
Very Small
Very Small Heading - Font:Playfair, Size: 0.9 REM(14.4px) 700
This is some text inside of a div block.
Small Text - Font:Montserrat, Size: 0.8 REM(12.8px) 300
This is some text inside of a div block.
Default Text - Font:Montserrat, Size: 1 REM(16px) 300
This is some text inside of a div block.
Text - Font:Montserrat, Size: 0.8 REM(12.8px) 300
This is some text inside of a div block.
Default Text - Font:Montserrat, Size: 1 REM(16px) 300

Colors

Text Colors
Main Colors

Buttons

OUTLINEPERUBLACK
Main Buttons - Inline
OUTLINEPERUBLACK
Main Small Buttons - Inline
Buttons with Icon
MAIN CTA
Main CTA Button
OUTLINEPERUWhite
Main Buttons - Inline
OUTLINEPERUWhite
Main Small Buttons - Inline
Buttons with Icon

Icons

Button with Arrow (Dark)
Read more
Div Block with Arrow (Dark)
Read more
Div Block with Arrow (Dark) - Reverse
Social Icons Default
Social Icons Black
Social Icons Circle
Social Icons Circle Black
Other Font Icons
Other Font Icons
Other Icons Dark
Divider Lines
Button with Arrow (Light)
Read More
Div Block with Arrow (Light)
Read More
Div Block with Arrow (Light) - Reverse
Social Icons Default
Social Icons White
Social Icons Circle
Social Icons Circle White
Other Font Icons
Other Font Icons
Other Icons Light

PLAY VIDEO

Play Video Icon

Read More Links

Read more
Div Block with Line Arrow 1 (Dark)
Read more
Div Block with Line Arrow 2 (Dark)
Read more
Div Block with Line Arrow 3 (Dark)
Read More
Div Block with Line Arrow 1 (Light)
Read More
Div Block with Line Arrow 2 (Light)
Read More
Div Block with Line Arrow 3 (Light)