/*****************************************************************
******** Breakpoints *********************************************
*****************************************************************/

.breakpoints:after{
	padding-top:15px;
	padding-bottom:15px;
	color:var(--color-black);
	display:block;
	font-size:14px;
	width:100%;
	text-align:center;
}

@media screen and (max-width: 575.98px) {

	.breakpoints:after{
		content:'Extra Small / xs';
	}
	
}

@media (min-width: 576px) and (max-width: 767.98px) {

	.breakpoints:after{
		content:'Small / sm';
	}

}


@media (min-width: 768px) and (max-width: 991.98px) {

	.breakpoints:after{
		content:'Medium / md';
	}

}


@media (min-width: 992px) and (max-width: 1199.98px)  {

	.breakpoints:after{
		content:'Large / lg';
	}

}

@media (min-width: 1200px) and (max-width: 1399.98px)  {

	.breakpoints:after{
		content:'Extra Large / xl';
	}

}

@media (min-width: 1400px) {

	.breakpoints:after{
		content:'Extra extra large / xxl';
	}

}