@mixin breakpoint($class) {
	@if $class == sm {
		@media screen and (min-width: 35.5em) { @content; }
	}
 
	@else if $class == md {
		@media screen and (min-width: 48em) { @content; }
	}
 
	@else if $class == lg {
		@media screen and (min-width: 64em) { @content; }
	}
 
	@else if $class == xl {
		@media screen and (min-width: 80em) { @content; }
	}
	@else if $class == xx {
		@media screen and (min-width: 120em) { @content; }
	}
	@else {
		@warn "Breakpoint mixin supports: sm, md, lg, xl, xx";
	}
}