Under the hood
-
.header-1 {
font-family: brandon-grotesque, sans-serif;
font-size: 64px;
font-style: normal;
font-weight: normal;
letter-spacing: -2px;
line-height: 64px;
text-transform: none;
color: #FFFFFF;
}
-
.header-2 {
font-family: brandon-grotesque, sans-serif;
font-size: 27px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 46px;
text-transform: none;
color: #FFFFFF;
}
-
.header-3 {
font-family: brandon-grotesque, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 900;
letter-spacing: 2px;
line-height: 24px;
text-transform: uppercase;
color: #FEF160;
background-color: #2A3137;
}
-
.header-4 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 900;
letter-spacing: 2px;
line-height: 28px;
text-transform: uppercase;
color: #54B4E6;
}
-
.header-5 {
font-family: brandon-grotesque, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 900;
letter-spacing: 2px;
line-height: 28px;
text-transform: uppercase;
color: #54B4E6;
}
Brandon Grotesque is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.