/*
   FONT FAMILY
*/
.serif { font-family: georgia, serif; }
.sans-serif { font-family: avenir, 'avenir next', helvetica, arial, sans-serif; }
.font-fantasy { font-family: fantasy; }
.font-cursive { font-family: cursive; }
.font-mono { font-family: monospace; }
@media screen and (min-width: 48em) {
 .serif-ns { font-family: georgia, serif; }
 .sans-serif-ns { font-family: avenir, 'avenir next', helvetica, arial, sans-serif; }
 .font-fantasy-ns { font-family: fantasy; }
 .font-cursive-ns { font-family: cursive; }
 .font-mono-ns { font-family: monospace; }
}
@media screen and (min-width:48em) and (max-width: 64em) {
 .serif-m { font-family: georgia, serif; }
 .sans-serif-m { font-family: avenir, 'avenir next', helvetica, arial, sans-serif; }
 .font-fantasy-m { font-family: fantasy; }
 .font-cursive-m { font-family: cursive; }
 .font-mono-m { font-family: monospace; }
}
@media screen and (min-width: 64em) {
 .serif-l { font-family: georgia, serif; }
 .sans-serif-l { font-family: avenir, 'avenir next', helvetica, arial, sans-serif; }
 .font-fantasy-l { font-family: fantasy; }
 .font-cursive-l { font-family: cursive; }
 .font-mono-l { font-family: monospace; }
}