/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 **/

/* Range of breakpoints. */
@custom-media --sm screen and (min-width: 580px);
@custom-media --sm-max screen and (max-width: 580px);
@custom-media --md screen and (min-width: 992px);
@custom-media --md-max screen and (max-width: 992px);
@custom-media --lg screen and (min-width: 1200px);
@custom-media --lg-max screen and (max-width: 1200px);
@custom-media --xl screen and (min-width: 1600px);
@custom-media --xl-max screen and (max-width: 1600px);
@custom-media --sidebar screen and (min-width: 960px);