/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium       -ml = mobile landscape
     -l  = large

*/
.i { font-style: italic; }
.fs-normal { font-style: normal; }
@media screen and (min-width: 30em) {
 .i-ns { font-style: italic; }
 .fs-normal-ns { font-style: normal; }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
 .i-m { font-style: italic; }
 .fs-normal-m { font-style: normal; }
}
@media screen and (max-width: 60em) and (orientation: landscape) {
 .i-ml { font-style: italic; }
 .fs-normal-ml { font-style: normal; }
}
@media screen and (min-width: 60em) {
 .i-l { font-style: italic; }
 .fs-normal-l { font-style: normal; }
}