@font-face {
	font-family: opensans-l;
	src: url("/opensans-l.woff2") format("woff2");
	font-style: normal;
}
body {
	font-family: opensans-l;
	margin: 1rem;
	text-align: center;
}
section {
	display: inline-block;
	padding-bottom: 2rem;
	max-width: 60rem;
	width: 100%;
}
section > p {
	color: #707070;
	font-size: 1.5rem;
	text-align: justify;
}
section > p.error {
	color: #3b8b8b;
	}
h1 {
	color: #3b8b8b;
	display: block;
	font-size: 3rem;
	margin-bottom: 1rem;
	margin-left: 0;
	margin-top: calc(9vh + 2rem);
	max-width: 60rem;
	padding-left: 0;
	text-align: left;
	width: 100%
}
footer {
	direction: ltr;
	display: block;
	margin-top: 2rem;
	text-align: center;
	width: 100%;
}
footer > p {
	display: inline-block;
	max-width: 60rem;
	text-align: right;
	width: 100%;
}
footer > p {
	padding-top: .5rem;
	border-top: 1px solid #707070;
}
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-width: 60rem ) {
	h1 {
		margin-left: 0;
	}
}
@media only screen and ( max-width: 40rem ) {
	section > p {
		font-size: 1rem;
	}
	footer p > span {
		font-size: 1rem;
		padding: 2.8rem .5rem 0 0;
	}
}
@media only screen and ( max-width: 30rem ) {
	section p {
		text-align: left;
	}
}