html {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

* {
	font-family: Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	margin: 0;
	padding: 0;
}

#header {
	position: absolute;
	left: 30px;
	top: 24px;
	width: 92%;
}

#header h1 {
	font-weight: normal;
	font-size: 3.5em;
	color: #c20e00;
	color: #1e1eb2;
	letter-spacing: 0.02em;
}

#header h1 .title_span_2 {

}

#header h1 .title_span_3 {

}

#footer {
	position: absolute;
	left: 30px;
	bottom: 24px;
	width: 92%;
}

#footer p {
	color: #1e1eb2;
	font-size: 2em;
	letter-spacing: 0.02em;
	line-height: 1em;
}

#footer p a {
	color: #1e1eb2;
	text-decoration: none;
}

#footer .footer_span_1 {

}

#footer .footer_span_2 {

}

#footer #download {
	position: absolute;
	top: 1px;
	right: 0px;
}
#footer #download a, #footer #download a:visited {
    color: #ffffff;
    font-size: 1.2rem;
    text-decoration: none;
    margin-bottom: 2px;
}

#footer #download img {
	width: auto;
	height: 50px;
}

@media (max-width: 1180px) {
	#header h1 .title_span_1 {
		display: block;
	}
}

@media (max-width: 768px) {
	#footer p {
		font-size: 1.5em;
	}
	#footer #download img {
		height: 36px;
	}
	#footer #download {
		position: relative;
		top: 10px;
		right: none;
		left: 0px;
	}
}

@media (max-width: 640px) {

	#header h1 {
		font-size: 2em;
	}

	#footer .footer_span_1 {
		display: block;
	}

	#footer .footer_span_2 {
		display: block;
	}
}

@media (max-width: 320px) {
	#footer p {
		font-size: 1.2em;
	}
}