:root{
	--color-background-contrast: #F8F8F8;
}
section {
	padding-inline:var(--safe-inline-gutter-width);
}
#legal{
width: 100vw;	
}
#legal-header{
	background-color: #333333;
	height: 40vh;
	padding-block: var(--gutter-double-width);
	padding-inline:var(--safe-inline-gutter-width);
}
#legal-header > h1{
	color: white;
	font-size: var(--font-size-fluid-s);
	line-height: 1em;
	font-weight: 300;
	text-transform: uppercase;
}
#legal-header > h2{
	color: white;
	font-size: var(--font-size-fluid-xxl);
	font-weight: 400;
	line-height: 1em;
}
#legal-header > h3{
	color: white;
	font-size: var(--font-size-fluid)
	font-weight: 300;
}
#legal-header > h1,
#legal-header > h2,
#legal-header > h3{
	margin-inline: auto;
	max-width: 96rem;
}
#legal section{
	margin-inline: auto;
	margin-block: var(--gutter-widtdh);
	max-width: 96rem;
}
#legal section{
	padding-block: var(--gutter-double-width);
}
#legal section header{
}
#legal section header h4{
	color: var(--color-foreground-accent);
	font-size: 2.4rem;
	font-weight: 300;
	text-transform: uppercase;
}
#legal table{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: var(--gutter-double-width);
	table-layout: fixed;
	width: 100%;
}
#legal table tr:nth-child(even){
	background-color: var(--color-background-contrast);
}
#legal table tr td{
	color: var(--color-foreground-light);
}
#legal table tr th[scope="row"]{
	text-align: right;
	width: 32%;
}
#legal table tr th{
	color: var(--color-foreground-lighter);
  	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#legal table tr td,
#legal table tr th{
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.5em;
	padding: 1.6rem;
	vertical-align: top;
}
@media only screen and (max-width: 735px){
	#legal table tr td,
	#legal table tr th{
		font-size: 1.2rem;
	}
}
@media only screen and (min-width: 735.1px){
}