Under the hood
-
.header-1 {
font-family: brandon-grotesque, sans-serif;
font-size: 45px;
font-style: normal;
font-weight: bold;
letter-spacing: 3px;
line-height: 51px;
text-transform: uppercase;
color: #171717;
}
-
.header-2 {
font-family: english-small-caps, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 36px;
text-transform: none;
color: #171717;
}
-
.header-3 {
font-family: english-small-caps, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 36px;
text-transform: none;
color: #171717;
}
-
.content-1 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
line-height: 20px;
text-transform: uppercase;
color: #171717;
}
-
.content-2 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #171717;
}
-
.content-3 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #171717;
background-color: #FFFFFF;
}
-
.content-4 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
line-height: 20px;
text-transform: uppercase;
color: #171717;
}
-
.content-5 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #171717;
}
-
.content-6 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #171717;
background-color: #FFFFFF;
}
Brandon Grotesque is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.
English Small Caps is available from Typekit.