@charset "utf-8";
/* CSS Document */
body {
	background:url("/images/coming-soon/bg-pc.jpg") no-repeat center center;
	background-size:cover;
	height:100vh;
}
.pay-off {
	position:absolute;
	text-align:center;
	top:10%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#615d5a;
	font-size:22px;
	font-weight:400;
	letter-spacing:2px;
	line-height:1.2;
}
.coming-soon {
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	font-size:70px;
	font-weight:400;
	letter-spacing:4px;
	text-transform:uppercase;
}
.logo {
	position:absolute;
	bottom:1%;
	left:50%;
	transform:translate(-50%, -50%);
}
.logo img {
	max-width:240px;
}
@media (max-width:1199px) {
	.pay-off {
		font-size:20px;
    letter-spacing:1.5px;
	}
	.logo img {
		max-width:220px;
	}
}
@media (max-width:991px) {
	.pay-off {
		font-size:18px;
    letter-spacing:1px;
	}
	.coming-soon {
		font-size:60px;
		letter-spacing:3px;
	}
	.logo img {
		max-width:200px;
	}
}
@media (max-width:767px) {
	.pay-off {
		font-size:16px;
    letter-spacing:.5px;
	}
	body {
		background:url("/images/coming-soon/bg-mobile.jpg") no-repeat center center;
		background-size:cover;
	}
	.logo img {
		max-width:180px;
	}
}
@media (max-width:575px) {
	.pay-off {
		font-size:14px;
    letter-spacing:0px;
	}
	.coming-soon {
		font-size:50px;
		letter-spacing:2px;
	}
	.logo img {
		max-width:160px;
	}
}
@media (max-width:409px) {
	.coming-soon {
		font-size:40px;
		letter-spacing:1px;
	}
	.logo img {
		max-width:140px;
	}
}