body {
	--content-height:(100vh - var(--logo-height) + 18px - 50px);
	--content-width:(100vw - var(--logo-width) - 50px);
}
#page {
	display:flex;
	justify-content:center;
	align-items:center;
}
.words {
	position:fixed;
	top:var(--page-top);
  left:var(--logo-width);
  right:30px;
  bottom:50px;
	overflow:hidden;
	font-family:var(--title-font);
	color:#FFFFFF;
	font-size:3vmin;
	line-height:0.8;
	opacity:0.1;
	text-align:justify;
	pointer-events:none;
	user-select:none;
}
.anniv {
	--height:min(var(--content-height), calc(var(--content-width) / 1300 * 600));
	--unit:calc(var(--height) / 100);
	height:var(--height);
	aspect-ratio:2;
	font-size:0px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.anniv * {
	font-family:var(--title-font);
	color:#FFFFFF;
}
.anniv .nbyears {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	margin-right:1vw;
	margin-top:calc(var(--unit) * -1);
}
.anniv .nbyears>* {
	font-size:calc(var(--unit) * 60);
	line-height:0.6;
	color:transparent;
	-webkit-text-stroke-width:calc(var(--unit) * 0.3);
	-webkit-text-stroke-color:#FFFFFF;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
}
body[data-lang='EN'] .anniv .nbyears label {
	font-size:calc(var(--unit) * 40);
	line-height:0.8;
}

.anniv .numbers {
	display:flex;
	flex-direction:column;
}
.anniv .numbers .line {
	margin:calc(var(--unit) * 2) 0;
	display:flex;
	align-items:flex-end;
}
.anniv .numbers .line * {
	color:#A9C0DC;
}
.anniv .numbers .line span {
	font-size:calc(var(--unit) * 16);
	line-height:0.8;
	margin-right:calc(var(--unit) * 1.6);
	white-space:nowrap;
	color:#FFFFFF;
}
.anniv .numbers .line small {
	font-size:calc(var(--unit) * 4);
	line-height:0.8;
}
.anniv .numbers .line label {
	font-size:calc(var(--unit) * 8);
	line-height:0.8;
}
.anniv .numbers .line.smaller span {
	font-size:calc(var(--unit) * 9);
	line-height:0.8;
	margin-right:calc(var(--unit) * 0.9);
}
.anniv .numbers .line.smaller small {
	font-size:calc(var(--unit) * 2.7);
	line-height:0.8;
}
.anniv .numbers .line.smaller label {
	font-size:calc(var(--unit) * 4.5);
	line-height:0.8;
}


@media (max-width:750px) {
	#page {
		display:block;
	}
	.words {
		left:5px;
		right:5px;
		font-size:3vh;
		bottom:var(--menu-height);
	}

	.anniv {
		--unit:calc(100vh / 100);
		height:auto;
		width:100%;
		aspect-ratio:inherit;
		flex-direction:column;
	}
	.anniv .nbyears {
		flex-direction:row;
		margin:20px 0;
	}
	.anniv .nbyears>* {
		font-size:calc(var(--unit) * 20);
	}
	body[data-lang='EN'] .anniv .nbyears label {
		font-size:calc(var(--unit) * 15);
	}

	.anniv .numbers {
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.anniv .numbers .line {
		margin:calc(var(--unit) * 2) 0;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.anniv .numbers .line br {
		display:none;
	}
	.anniv .numbers .line .group {
		display:flex;
		align-items:baseline;
		margin:calc(var(--unit) * 1) 0;
	}
	.anniv .numbers .line .group small {
		align-self:flex-start;
		margin-top:calc(var(--unit) * 1.5);
	}
	.anniv .numbers .line span {
		font-size:calc(var(--unit) * 10);
		margin-right:calc(var(--unit) * 1.0);
	}
	.anniv .numbers .line small {
		font-size:calc(var(--unit) * 2.5);
	}
	.anniv .numbers .line label {
		font-size:calc(var(--unit) * 5);
	}
	
	.anniv .numbers .line.smaller span {
		font-size:calc(var(--unit) * 8);
		margin-right:calc(var(--unit) * 0.8);
	}
	.anniv .numbers .line.smaller small {
		font-size:calc(var(--unit) * 2.6);
	}
	.anniv .numbers .line.smaller label {
		font-size:calc(var(--unit) * 4);
	}
	.anniv .numbers .line .group.visitors {
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.anniv .numbers .line .group.visitors span {
		font-size:calc(var(--unit) * 11);
		margin-right:calc(var(--unit) * 1.1);
	}

}