@charset "utf-8";
:root{
	--logo-300:url('../assets/logo/logo-aureumvallis-300px.png');
	--logo-icon-256:url('../assets/logo/icon-aureumvallis-256x256.png');
}
@media only screen and (max-width: 768px),
only screen and (max-height: 768px) {
	/* For mobile phones: */
	body{
		background: url('../assets/background/background.jpg') no-repeat top -200px center;
	}
	.content{
		bottom:0;
		display:block;
		height:84px;
		left:0;
		margin:auto;
		max-height:100%;
		max-width:100%;
		overflow:visible;
		padding:0;
		position:fixed;
		right:0;
		top:0;
		/*width:100%;*/
	}
	.logo{
		background:var(--logo-300) no-repeat center center;
		background-size:200px 84px;
		height:84px;
		margin: 0 auto;
		text-align: center;
		z-index:9999;
		width:250px;
	}
	.slogan{
		background-color: rgba(0, 0, 0, 0.3);
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-family:Helvetica,sans-serif;
		font-size:1.4rem;
		font-weight:500;
		margin: 0 auto;
		padding: 15px;
		position:relative;
		text-align:center;
		width:250px;
	}
	.notice{
		color: #fff;
		font-family:Roboto,Helvetica,sans-serif;
		font-size:.9rem;
		font-weight:400;
		position:relative;
		top:1.2rem;
		text-align:center;
		width:100%;
	}
}
@media only screen and (min-width: 768px) {
	body{
		background-image: url('../assets/background/background.jpg');
	}
	.content{
		bottom:0;
		display:block;
		height:126px;
		left:0;
		margin:auto;
		max-height:100%;
		max-width:100%;
		overflow:visible;
		padding:0;
		position:fixed;
		right:0;
		top:0;
		width:500px;
	}
	.logo{
		background:var(--logo-300) no-repeat center center;
		background-size:300px 126px;
		height:126px;
		text-align: center;
		z-index:9999;
		width:532px;
	}
	.slogan{
		background-color: rgba(0, 0, 0, 0.3);
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-family:Helvetica,sans-serif;
		font-size:1.4rem;
		font-weight:500;
		padding: 15px;
		position:relative;
		top:0;
		text-align:center;
		width:100%;
	}
	.notice{
		color: #fff;
		font-family:Roboto,Helvetica,sans-serif;
		font-size:.9rem;
		font-weight:400;
		position:relative;
		top:1.2rem;
		text-align:center;
		width:100%;
	}
}