body{
	background: url('../images/splash/splash_bg.png') no-repeat top center fixed;
	background-size: cover;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color:#652280;
}

a, a:hover, a:focus, a:active{
	text-decoration: none;
	color:white;
}

.splash-circles{
	position:fixed;
	top:0;
	right:0;
}

.splash-circles img{
	max-width: 100%;	
}

.splash-content{
	width: 850px;
	margin:15% auto;
}

.splash-logo img{
	float:left;
	width:13%;
}
	
.splash-logo h2{
	color:white;
	font-size:32px;	
	float:left;
	width:40.5%;
	font-weight:normal;
	text-align:left;
	margin-left:3%;
	margin-top: 39px;
}

.splash-logo{
	text-align:center;	
	width:100%;
}

.splash-links{
	width: 110%;
	height: 125px;
}

.splash-link{
	float:left;
	text-transform: uppercase;
	color:white;
	background: black;
	padding:20px 35px;
	font-size: 20px;
	letter-spacing: 2px;
}

.first-link{
	margin-right:40px;
	margin-left: 135px;
}

.splash-divider{
	font-family: serif;
	margin: 0 10px;
}

.splash-notices{
	width:100%;
	height:100px;
}

.splash-notice{
	color:white;	
	float:left;
	text-transform: uppercase;
	font-size:13px;
	letter-spacing: 2px;
	margin-top: 15px;
}

.first-notice{
	margin-left: 240px;
	margin-right: 205px;
}

@media (max-width: 900px){
	
	body{
		padding-bottom: 40px;	
	}
	
	.splash-circles{
		width:40%;	
	}
	
	.splash-content{
		width:600px;
		margin-top: 5%;	
	}
	.splash-content img{
		max-width:100%;
	}
	
	.splash-logo h2{
		font-size: 22px;
		margin-top:22px;
		width:41%;
	    margin-left:2.5%;
	}
	
	.splash-links{
		height:75px;	
	}
	
	.splash-link{
		padding: 15px 17px;
		font-size: 12px;	
		margin-top:5px;
	}
	
	.first-link{
		margin-left: 90px;
		margin-right:30px;
	}
	
	.splash-notice{
		font-size:10px;
	}	
	
	.first-notice{
		margin-left:150px;
		margin-right:125px;
	}
}

@media (max-width: 600px){
	body{
		padding-bottom: 40px;	
	}
	
	.splash-content{
		width:320px;	
	}
	
	.splash-links{
		width: 100%;	
	}	
	
	.splash-link{
		font-size: 12px;
		padding: 10px;
		margin-left:0;
		margin-right:0;
		text-align: center;
		width: 60%;
	}
	
	.splash-logo h2{
		float: none;
		text-align: center;
		width: 100%;
		margin-left: 0;
		margin-top:0;
	}
	
	.splash-logo h2:last-of-type{
		margin-top:100px;
	}
	
	.splash-logo img{
		float:none;
		width: auto;
	}
	
	.first-link{
		float: none;
		margin: -185px auto 0;
	}
	
	.second-link{
		float: none;
		margin: 140px auto 0;
	}
	
	.splash-divider{
		margin: 0;
	}
	
	.splash-links{
		height:50px;	
	}
	
	.splash-notice{
		font-size:10px;	
		text-align:center;
	}
	
	.first-notice{
		float: none;
		width: 50%;
		margin: -10px auto 0;
	}
	
	.second-notice{
		float: none;
		width: 50%;
		margin: 165px auto 0;
	}
}