/*
   FONT WEIGHT
*/

.fwn { font-weight: normal; }
.b   { font-weight: bold; }

.fw-light  { font-weight: lighter; }
.fw-bolder { font-weight: bolder; }

.fw1 { font-weight: 100; }
.fw2 { font-weight: 200; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }
.fw9 { font-weight: 900; }

@media screen and (min-width: 48em) {
  .fwn-ns { font-weight: normal; }
  .b-ns   { font-weight: bold; }
  .fw-light-ns  { font-weight: lighter; }
  .fw-bolder-ns { font-weight: bolder; }
  .fw1-ns { font-weight: 100; }
  .fw2-ns { font-weight: 200; }
  .fw3-ns { font-weight: 300; }
  .fw4-ns { font-weight: 400; }
  .fw5-ns { font-weight: 500; }
  .fw6-ns { font-weight: 600; }
  .fw7-ns { font-weight: 700; }
  .fw8-ns { font-weight: 800; }
  .fw9-ns { font-weight: 900; }
}

@media screen and (min-width:48em) and (max-width: 64em) {
  .fwn-m { font-weight: normal; }
  .b-m   { font-weight: bold; }
  .fw-light-m  { font-weight: lighter; }
  .fw-bolder-m { font-weight: bolder; }
  .fw1-m { font-weight: 100; }
  .fw2-m { font-weight: 200; }
  .fw3-m { font-weight: 300; }
  .fw4-m { font-weight: 400; }
  .fw5-m { font-weight: 500; }
  .fw6-m { font-weight: 600; }
  .fw7-m { font-weight: 700; }
  .fw8-m { font-weight: 800; }
  .fw9-m { font-weight: 900; }

}

@media screen and (min-width: 64em) {
  .fwn-l { font-weight: normal; }
  .b-l  { font-weight: bold; }
  .fw-light-l  { font-weight: lighter; }
  .fw-bolder-l { font-weight: bolder; }
  .fw1-l { font-weight: 100; }
  .fw2-l { font-weight: 200; }
  .fw3-l { font-weight: 300; }
  .fw4-l { font-weight: 400; }
  .fw5-l { font-weight: 500; }
  .fw6-l { font-weight: 600; }
  .fw7-l { font-weight: 700; }
  .fw8-l { font-weight: 800; }
  .fw9-l { font-weight: 900; }
}