@mixin media($args...) {
	$media-type: "only screen";
	$media-type-key: "media-type";
	$args: keywords($args);
	$expr: "";

	@if map-has-key($args, $media-type-key) {
		$media-type: map-get($args, $media-type-key);
		$args: map-remove($args, $media-type-key);
	}

	@each $key, $value in $args {
		@if $value {
			$expr: "#{$expr} and (#{$key}: #{$value})";
		}
	}

	@media #{$media-type} #{$expr} {
		@content;
	}
}

@mixin media-max($max) {
  @include media($max-width: $max) {
    @content;
  }
}

@mixin media-min($min) {
  @include media($min-width: $min + 1) {
    @content;
  }
}