/* h3-production */


body {
	height: 100%;
	width: 100%;
	background-color: rgb(79, 163, 144);/*default*/
	transition: background-color 14s ease; /* future-proof */
	-webkit-transition: background-color 14s ease;
	-moz-transition: background-color 14s ease;
	-o-transition: background-color 14s ease;
	-ms-transition: background-color 14s ease;/* IE10+ only */
}

html {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	color: white;
	font-size: 100%;
	line-height: 150%;
}

a, a:link, a:visited { text-decoration: none; color: white; font-style: oblique; }

a:hover, a:active { text-decoration: underline; }

h1, p, a { font-weight: normal; font-size: 2.25rem; font-size: 36px; line-height: 3.375rem; line-height: 54px; padding: 0; margin: 0; }

h1 { font-weight: bold; }

.wrapper {
	top: 50%;
	margin-top: -140px;
	position: relative;
	margin-left:auto;
	margin-right: auto;
	height: 280px;
	max-width: 960px;
	text-align: center;
	}
 
@media only screen and (max-width : 1023px) {
	
.wrapper { margin-top: -120px; height: 240px; }
h1, p, a { font-weight: normal; font-size: 2rem; font-size: 32px; line-height: 3rem; line-height: 48px; }
h1 { font-weight: bold; }

}
 
@media only screen and (max-width : 768px) {

.wrapper { margin-top: -110px; height: 220px;}
h1, p, a { font-weight: normal; font-size: 1.75rem; font-size: 28px; line-height: 2.625rem; line-height: 42px; }
h1 { font-weight: bold; }

}
 
@media only screen and (max-width : 568px) {

.wrapper { margin-top: -100px; height: 200px; }
h1, p, a { font-weight: normal; font-size: 1.5rem; font-size: 24px; line-height: 2.25rem; line-height: 32px; }
h1 { font-weight: bold; }

}
 
@media only screen and (max-width : 320px) {

.wrapper { margin-top: -90px; height: 180px; }
h1, p, a { font-weight: normal; font-size: 1.25rem; font-size: 20px; line-height: 1.875rem; line-height: 30px; }
h1 { font-weight: bold; }

}