// breakpoint handling

@mixin medium {
	@media (min-width: #{$medium-width}) {
		@content;
	}
}

@mixin large {
	@media (min-width: #{$large-width}) {
		@content;
	}
}

@mixin xlarge {
	@media (min-width: #{$xlarge-width}) {
		@content;
	}
}

@mixin xxlarge {
	@media (min-width: #{$xxlarge-width}) {
		@content;
	}
}