@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
  font-family: 'cologneeighty';
  src: url('fonts/ChaletComprime-CologneEighty.eot'); /* IE9 Compat Modes */
  src: url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/ChaletComprime-CologneEighty.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/ChaletComprime-CologneEighty.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'otama';
  src: url('fonts/otama-ep-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/otama-ep-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/otama-ep-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/otama-ep-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
	background-color: #4D4C4E;
	padding: 50px;
	 -webkit-font-smoothing: antialiased;
}

h1 {
	color: #99784d;
	font: 400 170px/150px "otama","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin: 0 0 20px;
}

h2 {
	border-bottom: 1px solid #99784d;
	color: #bdbdbd;
	font: 300 30px/38px "cologneeighty","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.280em;
}

p {
	color: #bdbdbd;
	font: 100 20px/32px "Open Sans","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin: 10px 0;
}

.error-message {
	width: 350px;
}

.earth {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 300px;
	z-index: 10;
}

.spaceman {
	position: absolute;
	bottom: 0px;
	right: 200px;
	z-index: 5;
}

@media screen and (max-width: 1200px) {
	.spaceman {
		right: 0;
	}
}

@media screen and (max-width: 850px) {
	.spaceman,
	.earth {
		display: none;
	}
}

@media screen and (max-height: 800px) {
	.spaceman,
	.earth {
		display: none;
	}
}