.t--muted {
  color: #999 !important;
}
.t--black {
  color: #000 !important;
}
.t--r {
  text-align: right !important;
}
.t--l {
  text-align: left !important;
}
.t--c {
  text-align: center !important;
}
.t--light {
  font-weight: 200 !important;
}
.t--sm {
  font-size: 75% !important;
}
.t--md {
  font-size: 85% !important;
}
.t--bold {
  font-weight: 700 !important;
}
.t--semi-bold {
  font-weight: 600 !important;
}
.t--red {
  color: #f44336 !important;
}
.t--green {
  color: #4CAF50 !important;
}
.t--blue {
  color: #3486db !important;
}
.t--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t--title {
  font-weight: 500;
  color: #3486db;
}
.t--h1 {
  font-size: 3rem !important;
  line-height: 4rem !important;
}
.t--h2 {
  font-size: 2.2rem !important;
  line-height: 3rem !important;
}
.t--h3 {
  font-size: 1.6rem !important;
  line-height: 2rem !important;
}
.t--h4 {
  font-size: 1.2rem !important;
  line-height: 2rem !important;
}
.t--h5 {
  font-size: 1rem !important;
  line-height: 1.8rem !important;
}
.t--h6 {
  font-size: 0.9rem !important;
  line-height: 1.2rem !important;
}