body:after {
	content: 'XS';
	position: fixed;
	bottom: 0;
	right: 0;
    	font-size: 2em;
	font-weight: bold;
	background: rgba(195,215,45,0.5);
}
@media (min-width: 576px) {
	body:after {
		content: 'SM';
	}
}
@media (min-width: 768px) {
	body:after {
		content: 'MD';
	}
}
@media (min-width: 992px) {
	body:after {
		content: 'LG';
	}
}
@media (min-width: 1200px) {
	body:after {
		content: 'XL';
	}
}

/*************************************************** DEBUG */
.XcustomHomepage main {
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(128,128,128,1);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(128,128,128,1);
	box-shadow: inset 0px 0px 25px 0px rgba(128,128,128,1);
}

.XcustomHomepage main .row {
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(255,0,0,1);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(255,0,0,1);
	box-shadow: inset 0px 0px 25px 0px rgba(255,0,0,1);
}

.XcustomHomepage main .row .row {
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,255,0,1);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,255,0,1);
	box-shadow: inset 0px 0px 25px 0px rgba(0,255,0,1);
}

.XcustomHomepage main .row .row .row {
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,255,1);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,255,1);
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,255,1);
}