.debug{
	bottom:0;
	left:0;
	background:#000;
	color:#fff;
	padding:0.25em;
	display:inline-block;
	position:fixed;
	z-index:110;
	font-size:12px;
}
.debug:after{
	content:"xxxs / smartphone";
}
@media screen and (min-width: 22.5em) {
	.debug:after{
		content:"xxs / 360 Px / smartphone medium portrait";
	}
}
/* 480 px */
@media screen and (min-width: 25em) {
	.debug:after{
		content:"xs / 400 Px / smartphone big portrait";
	}
}
/* 480 px */
@media screen and (min-width: 30em) {
	.debug:after{
		content:"s / 480 Px / smartphone landscape";
	}
}
/* 768 px */
@media screen and (min-width: 48em) {
	.debug:after{
		content:"m / 768 Px / tablet portrait";
	}
}
/* 1024 px */
@media screen and (min-width: 60em) {
	.debug:after{
		content:"l / 1024 Px / tablet landscape";
	}
}
/* 1280 px */
@media screen and (min-width: 80em) {
	.debug:after{
		content:"xl / 1280 Px / laptop";
	}
}
/* 1280 px */
@media screen and (min-width: 120em) {
	.debug:after{
		content:"xxxl / 1920 Px / desktop";
	}
}
/* 1280 px */
@media screen and (min-width: 160em){
	.debug:after{
		content:"xxxxl / 2560 Px / iMac 27'";
	}
}