.navigation-footer {
	position: relative;
	margin: 0;
	top: 10px;
    list-style: none;
    background-color: var(--yellow);
    color: var(--charcoal);
    width: fit-content;
	padding: 10px 20px 10px 10px;
	line-height: var(--leading-snug);
	z-index: 1;
}

.navigation-footer a {
	color: inherit;
	text-transform: uppercase;
	font-size: var(--text-sm);
	font-weight: 600;
}

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

@media (min-width: 64em) {
	.navigation-footer {
		display: flex;
		padding: 4px 22px;
		gap: 40px;
	}	
	.navigation-footer a {
		font-size: var(--text-xl);
	}
}