/* desktop - > 1000px */
@custom-media --twocol only screen and (width >= 1000px);
/* tablet - < 1000px */
@custom-media --onecol only screen and (width < 1000px);
/* mobile - < 768 */
@custom-media --fluid only screen and (width < 768px);
/* mobile landscape - < 768 */
@custom-media --fluid-landscape only screen and (width < 768px) and (orientation: landscape);

/* larger than mobile - > 768 */
@custom-media --lt-fluid only screen and (width > 768px);

/* retina display */
@custom-media --retina only screen and (device-pixel-ratio >= 2), only screen and (resolution >= 2dppx);