@mixin query-small {
	@media screen and (max-width: 480px){
		@content;
	}
}

@mixin query-small-landscape {
	@media screen and (orientation: landscape) and (max-height: 480px) and (min-height: 300px){
		@content;
	}
}

@mixin query-medium {
	@media screen and (min-width:481px) and (max-width: 1024px){
		@content;
	}
}

@mixin query-large {
	@media only screen and (min-width: 1024px) {
		@content;
	}
}