.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

%header-font {
    text-transform: capitalize;
    font-weight: bolder;
}

@for $i from 1 through 6 {
    $num: abs($i - 7);

    h#{$num} {
        font-size: ($font-base-size * $i) * $font-magnitude;
        @extend %header-font;
    }

}

@media (max-width: $desktop-breakpoint) {
    html, body {
        font-size: var(--mobile-font-size);
    }
}

.text-capitalize {
    text-transform: capitalize;
}

.text-upper {
    text-transform: uppercase;
}

.text-lower {
    text-transform: lowercase;
}

.indent {
    text-indent: var(--indent-size);
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}