.navigation-footer {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation-footer a {
	color: inherit;
}

.navigation-footer li {
	width: 100%;
	line-height: 30px;
}


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

@media (min-width: 40em) {
	.navigation-footer li {
		line-height: 24px;
	}
}

@media (min-width: 64em) {
	.navigation-footer {
		justify-content: center;
		column-width: 160px;
	}	

	.navigation-footer li {
		width: auto;
	}

	.navigation-footer li::after {
		content: '-';
	}
	
	.navigation-footer li:last-of-type::after {
		content: '';
	}
}