@mixin hidden-xs { 
	@include breakpoint(max-width) {
		display: none;
	}
}

@mixin hidden-sm {
	@include breakpoint($breakpoint-sm-width) {
		display: none;
	}	
}


@mixin hidden-md {
	@include breakpoint($breakpoint-md-width) {
		display: none;
	}	
}

@mixin hidden-lg {
	@include breakpoint($breakpoint-lg-width) {
		display: none;
	}
}

@mixin visually-hidden {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	width: 1px; 
	margin: -1px; 
	padding: 0; 
	border: 0; 
}

.visually-hidden {
	@include visually-hidden();
}