// mixins for mobile responsiveness

@mixin screen($res-min, $res-max) {
	@media screen and ( min-width: $res-min ) and ( max-width: $res-max ) {
		@content;
	}
}

@mixin max-screen($res) {
	@media screen and ( max-width: $res ) {
		@content;
	}
}

@mixin min-screen($res) {
	@media screen and ( min-width: $res ) {
		@content;
	}
}