.navigation-footer {
	margin: 0;
	padding: 0;
	padding-left: 4px;;
	list-style: none;
	display: grid;
	gap: 11px;
}

@media (min-width: 64em) {
	.navigation-footer {
		display: flex;
		gap: 15px;
	}	
}

.navigation-footer li {
	line-height: 1;
}

.navigation-footer a {
	color: inherit;
	text-transform: uppercase;
	font-family: var(--font-display);
	font-size: .75rem;
	font-weight: var(--font-weight-semibold);
	letter-spacing: calc(.96em/12);
	line-height: 1;
}

.navigation-footer a:hover {
	color: inherit;
	text-decoration: underline;
}

@media (min-width: 64em) {
	.navigation-footer a {
		font-size: 1rem;
		letter-spacing: calc(1.28em/16);
	}
}