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

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url("img/back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 15%;
}

.clogo {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 500px;
	max-width: 70%;
	height: auto;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.dlogo {
	position: absolute;
	top: 65%;
	left: 50%;
	width: 250px;
	max-width: 40%;
	height: auto;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.elogo {
	position: absolute;
	top: 75%;
	left: 50%;
	width: 250px;
	max-width: 40%;
	height: auto;
	transform: translate(-50%,-50%);
	z-index: 10;
}

@media screen and (max-width: 896px) and (orientation: landscape) {
	body {
		background-position: center 25%;
	}
	
	.clogo {
		width: auto;
		height: 55%;
	}
	.dlogo {
		width: auto;
		height: 10%;
	}
	.elogo {
		width: auto;
		height: 10%;
	}
}