.navigation-footer {
	--color-link: var(--tan-ee);

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--font-dm-serif);
}

.navigation-footer a {
	color: var(--color-link);
	font-size: 1.375rem;
}

.navigation-footer a:hover {
	color: var(--color-link);
}

@media (min-width: 64em) {
	.navigation-footer {
		justify-content: space-between;
	}

	.navigation-footer a {
		font-size: 1.5rem;
	}
}

@media (min-width: 90em) {
	.navigation-footer a {
		font-size: 1.875rem;
	}
}