/////////////////////////////////////
// BREAKPOINTS
/////////////////////////////////////

$sp: 350;
$mp: 479;
$ml: 667;
$tp: 800;
$tl: 1100;
$dk: 1920;
$lf: 1921;
$xl: 2561;
$vm: $tp;
$vb: $tl;

@mixin break($point) {
	
	@if $point == sp {
		@media (max-width: rem($sp)) { @content; }
	}
	@else if $point == mp {
		@media (max-width: rem($mp)) { @content; }
	}
	@else if $point == ml {
		@media (max-width: rem($ml)) { @content; }
	}
	@else if $point == tp {
		@media (max-width: rem($tp))  { @content; }
	}
	@else if $point == tl {
		@media (max-width: rem($tl))  { @content; }
	}
	@else if $point == dk {
		@media (max-width: rem($dk))  { @content; }
	}
	@else if $point == lf {
		@media (min-width: rem($lf))  { @content; }
	}
	@else if $point == xl {
		@media (min-width: rem($xl))  { @content; }
	}
	@else if $point == vb {
		@media (max-height: rem($vb))  { @content; }
	}
	@else if $point == vm {
		@media (max-height: rem($vm))  { @content; }
	}
}

@mixin cbp($point){
	@media (max-width: rem($point)) { @content; }
}