Under the hood
-
.header-1 {
font-family: brandon-grotesque, sans-serif;
font-size: 100px;
font-style: normal;
font-weight: 900;
letter-spacing: normal;
line-height: 100px;
text-transform: uppercase;
color: #282828;
}
-
.header-2 {
font-family: brandon-grotesque, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
line-height: 16px;
text-transform: uppercase;
color: #6A6A6A;
}
-
.header-3 {
font-family: georgia;
font-size: 50px;
font-style: italic;
font-weight: 300;
letter-spacing: normal;
line-height: 50px;
text-transform: uppercase;
color: #97D1D1;
}
-
.content-1 {
font-family: brandon-grotesque, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 16px;
text-transform: none;
color: #6A6A6A;
}
-
.content-2 {
font-family: brandon-grotesque, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 16px;
text-transform: none;
color: #6A6A6A;
}
-
.content-3 {
font-family: brandon-grotesque, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 16px;
text-transform: none;
color: #6A6A6A;
}
Brandon Grotesque is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.
Georgia is available from Adobe Fonts, Fonts.com, MyFonts and Webtype.