.navigation-footer {
	--font-family: var(--font-body);
	--color-text: var(--gray-100);

	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	row-gap: 16px;
}

.navigation-footer .item {
	text-align: left;
	width: 50%;
}

.navigation-footer a {
	font-family: var(--font-family);
	color: var(--color-text);
	font-size: 1.25rem;
}

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

@media (min-width: 64em) {
	.navigation-footer {
		flex-wrap: nowrap;
		justify-content: space-evenly;
		max-width: 500px;
		margin: 0 auto;
	}

	.navigation-footer .item {
		width: unset;
	}

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