/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--vzc-font-family-nhg-text);
    margin: 0;
}

h1,
h2,
h3,
h4 {
    font-weight: 400;
}

h1 {
    font-size: 24px;
    line-height: 32px;
}

h2 {
    font-size: 20px;
    line-height: 24px;
}

h3 {
    font-size: 16px;
    line-height: 22px;
}

h4 {
    font-size: 14px;
    line-height: 20px;
}

.vzc-display-3,
.vzc-display-2,
.vzc-display-1 {
    font-family: var(--vzc-font-family-nhg-display);
    font-weight: 700;
}

.vzc-display-3 {
    font-size: 48px;
    line-height: 56px;
}

.vzc-display-2 {
    font-size: 40px;
    line-height: 48px;
}

.vzc-display-1 {
    font-size: 32px;
    line-height: 40px;
}

.vzc-body {
    font-family: var(--vzc-font-family-nhg-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.vzc-small {
    font-family: var(--vzc-font-family-nhg-text);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.vzc-bg-gray {
    background-color: var(--vzc-color-bg-secondary);
}

p {
    font-family: var(--vzc-font-family-nhg-text);
    font-weight: 400;
}