.navigation-footer {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--text-base-1);
	font-weight: 500;
	display: flex;
    flex-direction: column;
    gap: 2px;
}

@media (min-width: 64em) {
	.navigation-footer {
		column-width: 160px;
		display: flex;
		flex-direction: row;
		gap: 20px;
		justify-content: flex-end;
	}	

	.footer-nav {
		grid-column: 3;
	}
}

.navigation-footer a {
	color: inherit;
}

.navigation-footer .social-links a {
    color: inherit;
    background: var(--orange);
    height: 35px;
    border-radius: var(--rounded-circle);
    width: 35px;
    display: flex;
    justify-content: center;
    font-size: var(--text-lg);
    align-items: center;
}

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