Cacher is the code snippet organizer for pro developers

/* Add this to your css for debuggin purpose */
body:after {
	content: "no mq";
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
	padding: 2px 5px;
	background-color: rgba(0,0,0,.7);
	color: white;
}


@media only screen and (min-width:480px) {
	body:after {
		content: "xs: 480px";
	}
}

@media only screen and (min-width:768px) {
	body:after {
		content: "sm: 768px";
	}
}

@media only screen and (min-width:1024px) {
	body:after {
		content: "md: 1024px";
	}
}