.legal {
	max-width: 800px;
	padding: 5rem 1.5rem;
}

.legal article {
	margin-top: 2rem;
}

.legal h2 {
	font-size: var(--display-xs-size);
	margin-top: 1.5rem;
	margin-bottom: .75rem;
	color: var(--white);
}

.legal p, .legal li {
	color: var(--gray-300);
    	font-size: var(--text-md-size);
    	line-height: var(--text-md-line-height);
    	font-weight: 400;
}

.legal a {
	color: var(--gray-100);
}

.legal a:hover {
	color: var(--white);
}

.legal ul {
	margin: .75rem 0 .75rem 2rem;
	display: grid;
	gap: .75rem;
}