.l-center {
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: content-box;
	margin-inline: auto;
	max-inline-size: var(--textblock);

	h1, h2, h3, h4 {
		align-self: flex-start;
	}
}

@media ( min-width: var(--textblock) ) {
	.l-center {
		align-items: stretch;
	}
}

.l-centered-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}