div.SDblock.statistics
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: calc(var(--defaultInterval)*1);
}
.SDblock.statistics .element
{
	background-color:var(--colorB);
	border-radius:var(--defaultBorderRadius);
	padding: calc(var(--defaultInterval)*.5);
	font-weight: bold;
	color: white;
	display: flex;
	overflow: auto;
	flex-direction: column;
	position: relative;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.SDblock.statistics .element .wrapper
{
	border: 4px;
	width: 90%;
	height: 90%;
	position: absolute;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	overflow: auto;
}
.SDblock.statistics div .statistic
{
	text-align: center;
	font-size:clamp(40px, 4vw, 70px);
	top: 0;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	line-height: 1;
}
.SDblock.statistics .element .text
{
	font-size:clamp(16px, 1.25vw, 30px);
	text-align: center;
}
#SD .SDblock.statistics .element .text p
{
	padding-bottom: 0px;
	line-height: 1.3;
	margin-bottom: 0px;
}
.SDblock.statistics .element::after
{
	content: "";
	padding-bottom: 100%;
	display: block;
	vertical-align: top;
	background-color: ;
}
@media only screen and (max-width: 769px)
{
	div.SDblock.statistics
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.SDblock.statistics .element:nth-child(4n+2), .SDblock.statistics .element:nth-child(4n+3)
	{
		background-color:var(--colorF);
	}
	.SDblock.statistics .element:nth-child(4n+2), .SDblock.statistics .element:nth-child(4n+3) .wrapper
	{
		appearance:var(--colorF);
		color:var(--colorB);
	}
}