body {
	background: #02244C;
	color: #AFC6DF;
	color: black;
	font-size: 18px;
}
body, button, input, textarea {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#bg {
	z-index: -1;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url("stratosphere2m.jpg");
	background-size: 100% 120vh;
	
	/*animation-name: moveit;
	animation-duration: 50s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;*/
}
/*@keyframes moveit {
	from {
		background-position: 0 0;
	}
	to { 
		background-position: 1024px 0;
	}
}*/
@media screen and (max-width: 1024px) {
	#bg {
		background-size: 1024px 130vh;
		background-position: calc(50vw - 512px) 0;
	}
}
.content {
	margin: 20px 18vw 10vw 18vw;
	padding: 20px 30px 20px 30px;
	border: 3px solid rgb(0, 102, 255);
	background: rgba(207, 226, 255, 0.75);
}
#toplogo, .toplogo {
	width: 400px;
	max-width: 80vw;
}
#footer {
	text-align:center;
	color: black;
	font-size: 13px;
	margin-bottom: 15px;
	text-shadow: #FFF 0px 0px 30px, #FFF 0px 0px 30px, #FFF 0px 0px 20px, #FFF 0px 0px 20px;
}
#footer a {
	margin: 5px 5px 5px 5px;
	display: inline-block;
	font-weight: bold;
}
#footer a:hover {
	color: #02F;
}

a {color: #008;text-decoration: none;}
a:hover {color: #04F;}