@font-face {
    font-family: 'neoubold';
    src: url('../fonts/neou-bold-webfont.woff2') format('woff2'),
         url('../fonts/neou-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { 
  background: url(../images/SplashPage.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#site {
	font-size: 2.2em;
	position: absolute;
	top: 45%;
	right: 20%;
	font-family: neoubold;
}

#comingsoon {
	font-size: 1.8em;
	position: absolute;
	top: 48%;
	right: 20%;
	font-family: open_sansbold;
}

@media (max-width: 800px) {
	#site {
		font-size: 1.5em;
		right: 10%;
	}
	#comingsoon {
		font-size: 1em;
		right: 10%;
	}
}

@media (max-width: 400px) {
	#site {
		font-size: 1.2em;
		right: 5%;
	}
	#comingsoon {
		font-size: .8em;
		right: 5%;
	}
}

@media (max-height: 800px) {
	#site {
		position: absolute;
		top: 44%;
	}
	#comingsoon {
		position: absolute;
		top: 48%;
	}
}

@media (max-height: 500px) {
	#site {
		position: absolute;
		top: 38%;
	}
	#comingsoon {
		position: absolute;
		top: 46%;
	}
}