/* Add fonts in the main page. Modify individual  */
.default-font {
    font-family: Source Sans Pro;
    color: white;
}

.font-bold {
    font-weight: 600;
}

.font-light {
    font-weight: 300;
}

.font-display-xl {
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 0.3px;
}

.font-display-l {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0.3px;
}

.font-heading-4xl {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.3px;
}

.font-heading-3xl {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.3px;
}

.font-heading-2xl {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.3px;
}

.font-heading-xl {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.3px;
}

.font-heading-l {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.3px;
}

.font-heading-m {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.font-heading-s {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
}

.font-heading-xs {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
}

.font-body-xl {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.font-body-l {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.2px;
}

.font-body-m {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.2px;
}

.font-body-s {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
}

.font-label-l {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.8px;
}

.font-label-m {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.8px;
}

.font-label-s {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.8px;
}