Font-Weight Utilities

.normal { font-weight: normal }
.bold { font-weight: bold }

@media screen and (min-width:  576px) {
  .sm:normal { font-weight: normal }
  .sm:bold { font-weight: bold }
}

@media screen and (min-width:  768px) {
  .md:normal { font-weight: normal }
  .md:bold { font-weight: bold }
}

@media screen and (min-width:  992px) {
  .lg:normal { font-weight: normal }
  .lg:bold { font-weight: bold }
}

@media screen and (min-width:  1200px) {
  .xl:normal { font-weight: normal }
  .xl:bold { font-weight: bold }
}