/* Small form factor: devices smaller than tablet */
$mq-small = only screen and (max-width: 47.9375em)
/* Medium form factor:  devices larger than phone */
$mq-medium = only screen and (min-width: 48em)
/* Medium form factor, landscape:  devices larger than phone, in landscape orientation */
$mq-medium-landscape = only screen and (min-width: 48em) and (min-aspect-ratio: 4/3)
/* Large form factor:  devices larger than tablet */
$mq-large = only screen and (min-width: 64.0625em)
/* Retina displays */
$mq-high-res = only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx)
/* Make record layout 1 col when its view port is < 600px */
$mq-single-column-record-layout = (max-width: 599px)