.navigation-footer {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 300px;
    row-gap: var(--space-2);
}
.navigation-footer li {
	line-height: var(--leading-none);
}

.navigation-footer li:not(:last-child)::after{
	content: "•";
	margin: 0 7px 0 3px;
}

.navigation-footer a {
	color: inherit;
	font-size: var(--text-sm);
	font-weight: 800;
	line-height: var(--leading-none);
}

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

@media (min-width: 64em) {
	.navigation-footer {
		max-width: unset;
		justify-content: flex-end;
	}	
}