/*////////////////////////////////////////////////////////////////////////////////////

    css breakpoints - Medienreformer

/////////////////////////////////////////////////////////////////////////////////////*/

/*-----------------------------------------------------------------------------------*/
/*	breakpoints
/*-----------------------------------------------------------------------------------*/

body.has-breakpoint-tag:after {
	content: 'XS max 575px';
	font-size: 14px;
	font-weight: normal;
	position: fixed;
	bottom: 50px;
	left: 0;
	padding: 7px 10px;
	background-color: #32373c;
	color: #fff;
	z-index: 9999;
	border-radius: 0 5px 5px 0;
	text-align: center;
	margin: 0 auto;
}

@media (min-width: 575.5px) {

	body.has-breakpoint-tag:after {
		content: "xs min 575.5px";
		background-color: #32373c;
	}

}

@media (min-width: 576px) {

	body.has-breakpoint-tag:after {
		content: "sm min 576px";
		background-color: #32373c;
	}

}

@media (min-width: 768px) {

	body.has-breakpoint-tag:after {
		content: "md min 768px";
		background-color: #32373c;
	}

}

@media (min-width: 992px) {

	body.has-breakpoint-tag:after {
		content: "lg min 992px";
		background-color: #32373c;
	}

}

@media (min-width: 1200px) {

	body.has-breakpoint-tag:after {
		content: "xl min 1200px";
		background-color: #32373c;
	}

}

@media (min-width: 1400px) {

	body.has-breakpoint-tag:after {
		content: "xxl min 1400px";
		background-color: #32373c;
	}

}