Under the hood
-
.header-1 {
font-family: PetitFormalScript;
font-size: 40px;
font-style: normal;
font-weight: 500;
letter-spacing: normal;
line-height: 44px;
text-transform: none;
color: #F7826B;
}
-
.header-2 {
font-family: proxima-nova, Arial;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: normal;
line-height: 15px;
text-transform: none;
color: #050505;
}
-
.content-1 {
font-family: Didot;
font-size: 160px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 130px;
text-transform: uppercase;
color: #333333;
}
-
.content-2 {
font-family: Didot, proxima-nova, Arial;
font-size: 13px;
font-style: italic;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: none;
color: #CCCCCC;
}
-
.content-3 {
font-family: proxima-nova, Arial;
font-size: 30px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 42px;
text-transform: none;
color: #114249;
}
-
.content-4 {
font-family: proxima-nova, Arial;
font-size: 14px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #00C7DA;
}
-
.content-5 {
font-family: proxima-nova, Arial;
font-size: 14px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #00C7DA;
}
-
.content-6 {
font-family: proxima-nova, Arial;
font-size: 14px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #00C7DA;
}
-
.content-7 {
font-family: proxima-nova, Arial;
font-size: 14px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
color: #00C7DA;
}
-
.content-8 {
font-family: proxima-nova, Arial;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #333333;
}
-
.content-9 {
font-family: proxima-nova, Arial;
font-size: 16px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 22px;
text-transform: none;
color: #333333;
}
-
.content-10 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-11 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-12 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-13 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-14 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-15 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-16 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
-
.content-17 {
font-family: proxima-nova, Arial;
font-size: 13px;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
text-transform: uppercase;
color: #00C7DA;
}
Didot is available from Fonts.com.
Petit Formal Script is available from Google Web Fonts.
Proxima Nova is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts, Typekit and YouWorkForThem.