@font-face {
	font-family: opensans-l;
	font-style: normal;
	src: url("opensans-l.woff2") format("woff2");
	}
@font-face {
	font-family: univers;
	font-style: normal;
	src: url("univers.woff") format("woff");
	}
html {
	height: 100%;
	min-height: 100%;
	position: relative;
	}
body {
	background: url(background.png) 0 0/auto 160vh no-repeat;
	font-family: univers;
	margin: 0 8vh 0 0;
	min-height: 65vh;
	overflow-x: hidden;
	padding: 35vh 0 0 12vh;
	position: relative;
	text-align: center;
	}
a,a:link,
a:visited { 
	color: #213BA7;
	text-decoration: none;	
	}
a:hover,
a:active{
	color: #00BD3F;
	}
nav,
footer {
	display: block;
	text-align: center;
	width: 100%;
	}
nav>ul,
article,
footer>p {
	display: inline-block;
	margin: 0 36vh 0 0;
	max-width: 80rem;
	padding: 0;
	width: 100%;
	}
nav>ul {
	text-align: right;
	}
nav>ul>li {
	display: inline-block;
	min-height: 5vh;
	padding: 0 0 0 36vh;
	}

article {
	margin-bottom: 10vh;
	min-height: 40vh;
	}
article>header {
	display: block;
	text-align: left;
	width: 100%;
	}
article h1 {
	font-size: 2.5rem;
	margin: 5rem 0 5rem 0;
	}
article h2 {
	margin: 2.5rem 0 0 0;
	}
article h2,
article>section {
	display: block;
	text-align: left;
	width: 100%;
	}
section>ul {
	margin-top: .5rem;
	}
section>h2+h2, 
section>ul,
section:target>h2  {
	display: none;
	text-align: left;
	width: 100%;
	}
section:target>h2+h2,
section:target>ul {
	display: block;
	text-align: left;
	width: 100%;
	}
footer>p {
	border-top: 1px solid #707070;
	padding: .5rem 0 .5rem 0;
	text-align: right;
	}
footer>p>span {
	color: #707070;
	display: inline-block;
	font-family: opensans-l;
	font-size: 1.3rem;
	padding: 2.5rem .5rem 0 1.5rem;
	vertical-align: top;
	}
footer>p>a {
	background: url(simply-bob.svg) right top/contain no-repeat;
	display: inline-block;
	height: 4rem;
	width: 8.48rem;
	}
footer>p>a>span {
	display: block;
	left: -999rem;
	margin: 0;
	position: absolute;
	}
@media only screen and ( max-aspect-ratio: 3/2) and ( max-width: 40rem ) {
	body {
		min-height: 55vh;
		padding: 45vh 0 0 9vh;
		}
	nav>ul>li {
		min-height: 0;
		padding: 0 0 0 1.5rem;
		}
	article {
		min-height: 30vh;
		}
	article h1 {
		font-size: 1.5rem;
		}
	article h2 {
		font-size: 1.3rem;
		}
	footer>p>span {
		font-size: 1rem;
		padding: 2.8rem .5rem 0 0;
		}

	}
@media only screen and ( max-aspect-ratio: 2/3 ) and ( min-width: 40rem ) {
	body {
		min-height: 55vh;
		padding: 45vh 0 0 10vh;
		}
	nav>ul>li {
		min-height: 0;
		padding: 0 0 0 1.5rem;
		}
	article {
		min-height: 35vh;
		}
	article h1 {
		font-size: 2.5rem;
		}
	article h2 {
		font-size: 1.5rem;
		}
	footer>p>span {
		font-size: 1.3rem;
		padding: 2.5rem .5rem 0 0;
		}
	}
@media only screen and ( min-aspect-ratio: 3/2) and ( max-width: 70rem ) {
	body {
		min-height: 95vh;
		padding: 5vh 0 0 48vh;
		}
	nav>ul>li {
		min-height: 0;
		padding: 0 0 0 1.5rem;
		}
	article {
		min-height: 70vh;
		}
	article h1 {
		font-size: 1.5rem;
		}
	article h2 {
		font-size: 1.3rem;
		}
	footer>p>span {
		font-size: 1rem;
		padding: 2.8rem .5rem 0 0;
		}

	}
@media only screen and ( min-aspect-ratio: 1/1 ) and ( min-width: 70rem ) {
	body {
		min-height: 95vh;
		padding: 5vh 0 0 48vh;
		}
	nav>ul>li {
		padding: 0 0 0 1.5rem;
		}
	article {
		min-height: 70vh;
		}
	article h1 {
		font-size: 2.5rem;
		}
	article h2 {
		font-size: 1.5rem;
		}
	footer>p>span {
		font-size: 1.3rem;
		padding: 2.5rem .5rem 0 0;
		}
	}