body{background: #e1f9ff;}
#stars{position: fixed; top: 0; left: 0; z-index: 0;}
#content{padding-left: 0 !important;}
#astro{width: 100%; float: left; position: relative; text-align: center; padding-top: 75px;}
.flImg{width: 400px; height: 270px; margin: 0 auto; position: relative; margin-top: 50px;}
.astroScope{position: absolute; width: 300px; height: 300px; right: 50%; z-index:-1; }
.marsScope{position: absolute;  width: 300px; height: 300px; left: 50%; z-index:-1;}
.astro{position: absolute; left: 0; bottom: 0; opacity: 0;}
.mars{position: absolute; right: 0; top: 0; opacity: 0;}
.bold404{font-weight: 400; font-size: 100px;}
.light404{font-weight: 300; font-size: 36px;}
.button404{background: #0190ff; color: #fff; padding: 15px 22px; border-radius: 5px; font-weight: 500; font-size: 16px; -webkit-transition: all 0.36s ease; -moz-transition: all 0.36s ease; transition: all 0.36s ease;}
.button404:hover{background: #006bbe;}


@media (max-width: 960px){
	.contentScope{width: 96%;}
	.astroScope{left: 0%; bottom: 0%; width: 200px; height: 200px; transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); -webkit-transform:scale(0.6);}
	.marsScope{right: 0%; top: 0%; width: 200px; height: 200px; transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); -webkit-transform:scale(0.6);}
	.bold404{font-size: 90px;}
	.light404{font-size: 28px;}
	.button404{font-size: 16px;}
}
@media (max-width: 599px){
	header {
		background-color: #e1f9ff;
	}
	nav {
		background: #e1f9ff;
	}
}