html{
	position:relative;
}
html::after{
	content:"xs";
	position:fixed;
	bottom:0;
	right:0;
	z-index:9999;
	background:#dc3545;
	color:white;
    font: 15px/1 verdana;
    padding: 2px 3px 2px 5px;
    border-top-left-radius: 5px;
}
@media (min-width:500px){
	html::after{
		content:"sm";
		background:#6610f2;
	}
}
@media (min-width:768px){
	html::after{
		content:"md";
		background:#8cc547;
	}
}
@media (min-width:992px){
	html::after{
		content:"lg";
		background:#0dcaf0;
	}
}
@media (min-width:1200px){
	html::after{
		content:"xl";
		background:#fd7e14;
	}
}
@media (min-width:1400px){
	html::after{
		content:"xxl";
		background:#339ca2;
	}
}