:root {
	--background: hsl(160,95%,99%);
	--whitespace: 4em;
	--bodycopy: "Times Roman", sans-serif;
	--headings: "Verdana", sans-serif;
	--smallcaps: "Verdana", sans-serif;
	--condensed: "Verdana", sans-serif;
	--monospace: "Verdana", monospace;
}
@media (max-width: 50em) {
	:root {
		--whitespace: 2em;
	}
}
@media (max-width: 30em) {
	:root {
		--whitespace: 1em;
	}
}
body {
	padding: 0;
	margin:0;
	height:100%;
	width:100%;
	font-family: var(--bodycopy);
	line-height: 1.414;
	font-size:16px;
	background: var(--background);
}
article {
	display:block;
	margin: auto;
	text-align:left;
	max-width:65em;
}
@supports (font-variant-ligatures: common-ligatures) {
    body {
        font-feature-settings: normal;
        font-variant-ligatures: common-ligatures;
    }
}
h2, h3, h4 {
	font-family: var(--headings);
	font-weight: normal;
	line-height: 1;
}
@supports (-webkit-hyphenate-limit-lines: 2) {
	p {
		-webkit-hyphens: auto;
		hyphens: auto;
		-webkit-hyphenate-limit-lines: 2;
		-webkit-hyphenate-limit-chars: 6 3 2;
	}
}
@supports (hyphenate-limit-lines: 2) {
	p {
		hyphens: auto;
		hyphenate-limit-lines: 2;
		hyphenate-limit-chars: 6 3 2;
	}
}
header h1 {
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}


img {
	width: auto;
	max-width: 100%;
}



/* PAGE FOOTER */
body > footer {
	max-width: calc(35em * 1.5);
	margin: 4em auto;
	padding: var(--whitespace); 
}



.language_choice li {
	list-style:none;
}