/* large screen titles */
@mixin giant-screen-large() {
    font-size: var(--font-size-giant-1);
    line-height: 36px;
}

@mixin large-screen-large() {
    font-size: var(--font-size-large-2);
    line-height: 30px;
}

@mixin medium-screen-large() {
    font-size: var(--font-size-large-1);
    line-height: 24px;
}

@mixin small-screen-large() {
    font-size: var(--font-size-medium);
    line-height: 20px;
}

/* small screen titles */

@mixin giant-screen-small() {
    font-size: var(--font-size-large-2);
    line-height: 30px;
}

@mixin large-screen-small() {
    font-size: var(--font-size-large-1);
    line-height: 24px;
}

@mixin medium-screen-small() {
    font-size: var(--font-size-medium);
    line-height: 20px;
}

@mixin small-screen-small() {
    font-size: var(--font-size-body);
    line-height: 16px;
}