#footer > .legal {
	padding: 0 25px;
	
	text-align: center;
	font-size: 16px;
}
#footer > .legal > div:nth-child(3) {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 200;
  	letter-spacing: .5px;
}
#footer > .legal > div:nth-child(3) > a { text-decoration: underline; }
.loaded #footer > .legal a { transition: color .2s ease-out; }
#footer > .legal a:is(.current, :hover) { color: var(--off-color); }

@media (min-width: 900px) {
	#footer > .legal {
		display: flex;
		align-items: baseline;
	}
	#footer > .legal > div { flex: 1; }
	#footer > .legal > div:nth-child(3) { text-align: right; }
}
@media (max-width: 899.99px) {
	#footer > .legal > div:nth-child(1) { display: none; }
}