// =============================================================================
// :: bp-respond-at
// =============================================================================
@mixin bp-respond-at($min-width) {

	@media screen and (min-width: #{$min-width + 1px}) {
		@content;
	}
}

// =============================================================================
// :: bp-respond-to
// =============================================================================
@mixin bp-respond-to($max-width) {

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