@media only screen and (max-width: 1000px) {
	html {
		font-size: 24px;
	}
}

html {
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: rgb(0,128,128);
	background: linear-gradient(-225deg, rgba(0,128,128,1) 0%, rgba(128,0,128,1) 100%);
	color: #ffffff;
	font-family: verdana, sans-serif;
}

h1 {
	text-align: center;
	font-weight: medium;
	font-size: 3em;
	margin-top: 1em;
	margin-bottom: 0;
}

h3 {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 1.25em;
	margin-top: 0;
}

#cta {
	text-align: center;
	font-size: 1.75em;
	margin-top: 7em;
}

#cta a {
	color: #ffffff;
	text-decoration: none;
	border: 0.2em solid white;
	border-radius: 0.5em;
	padding: 1em;
}

#cta a:hover {
	background-color: rgb(0,0,0,0.25);
}