.navigation-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
	justify-items: center;
}

@media (min-width: 64em) {
	.navigation-footer {
		column-width: 160px;
		justify-items: center;
		max-width: 294px;
        margin: 0 auto;
		text-align: center;
	}	
}

.navigation-footer a {
	color: inherit;
	font-size: 0.9375rem;
	font-family: var(--font-body);
	font-weight: var(--font-weight-semibold);
	line-height: 0.83;
}

.navigation-footer a {
	color: var(--white);
	transition: opacity var(--transition-appendix);
}

@media (hover:hover) {
	.navigation-footer a:hover {
		text-decoration: none;
		opacity: 0.8;
		color: var(--white);
	}
}