@charset "utf-8";
/* CSS Document */

html {
	background-color:#f5821f;
	background-image:url("images/background.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Raleway', sans-serif;
}
body{
	height: 100%;
	margin:0;
	padding:0;
}
.container {
  height: 100%;
  position: relative;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical-center img{
	max-width:100%;
	height:auto;
}
#main-logo{
	position:absolute;
	top:0;
	left:0;
}
#babylon:hover, #primeqld:hover, #primensw:hover{
	opacity: 0.9;
	cursor: pointer;
}
#babylon,#primensw,#primeqld{
	position:absolute;
}
#babylon{
	top:32%;
	left:23%;
}
#primeqld{
	top:25%;
	right:27%;
}
#primensw{
	bottom:25%;
	right:27%;
}
#intro{
	position: absolute;
	margin:0 auto;
	width:100%;
}
#intro h1{
	color:#ffffff;
	font-size:2.5em;
	text-align: center;
	margin-top:20px;
	font-weight:700;
}
@media only screen and (max-width: 600px) {
	img{max-width: 100%}
	#main-logo{
		position:relative;
		top:0;
		left:0;
	}
	#intro{
		position:relative;
	}
	#intro h1{
		margin-top:0;
		font-size:1.25em;
	}
	#babylon,#primensw,#primeqld{
		position:relative;
	}
	#babylon{
		top:auto;
		left:auto;
		right:auto;
		text-align:center;
	}
	#primeqld{
		top:auto;
		left:auto;
		right:auto;
		text-align:center;
	}
	#primensw{
		top:auto;
		left:auto;
		right:auto;
		text-align:center;
	}
	.vertical-center {
		margin: 0 auto;
		position:relative;
		transform:none;
	}
	.container{
		height:auto;
	}
}