.text-{value}
.text-{breakpoint}-{value}

valueの値
    h1
    h2
    h3
    h4
    h5
    h6
    subtitle-1
    subtitle-2
    body-1
    body-2
    button
    caption
    overline

breakpointの値
xm: < 600px
sm: 600px > < 960px
md: 960px > < 1264px* 
lg: 1264px > < 1904px*
xl: > 1904px*

その他クラス

.text-center 
text-align:center;