body {
	margin:0;
	padding:0;
}
img {
    pointer-events: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
a {
	text-decoration:none !important;
	outline:none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
a:hover {
	text-decoration:none !important;
	outline:none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
a:active {
	text-decoration:none !important;
	outline:none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
a:focus {
	text-decoration:none !important;
	outline:none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
.wrapper {
	position:relative;	
	width:100%;
	height:calc(100vh - 60px);
	min-height:380px;
	background:url(../img/coming_soon/background.png) no-repeat;
	background-size:cover;
	background-position:center center;
	padding-top:30px;
	padding-bottom:30px;
}
.wrapper ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	width:80%;
	left:50%;
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.wrapper ul li {
	position:relative;
	width:100%;
	display:flex;
	justify-content: center;
}
.logo {
	position:relative;
	display:block;
    max-width: 45%;
    max-height: 50vh;
	min-width:321px;
	min-height:218px;
}
.text_1 {
	position:relative;
	display:block;
    max-width: 60%;
	max-height: 7vh;
	margin-top:4vh;
	min-width:371px;
	min-height:31px;
}
.text_2 {
	position:relative;
	display:block;
    max-width: 40%;
	max-height: 6vh;
	min-width:347px;
	min-height:27px;
}
.wrapper ul.ul_2 {
	position:absolute;
	bottom:110px;	
}
.wrapper ul.ul_3 {
	position:absolute;
	display:inline-flex;
	width:560px;
	bottom:30px;
	justify-content: center;
}
.wrapper ul li a {
	position:relative;
	display:inline-flex;
	align-items: center;
	border:2px solid #336C41;
	margin-left:5px;
	margin-right:5px;
	border-radius:10px;
	padding-left:5px;
	padding-right:5px;
	width: 170px;
    height: 45px;
	background: rgba(255,255,255, .6);
}
.wrapper ul li a img {
	position:relative;
	display:block;
	max-width:calc(100% - 10px);
	max-height:calc(100% - 10px);
}
@media only screen and (max-width: 950px) {
	.wrapper {
		height:auto;
		min-height:calc(100vh - 30px);
		padding-top:15px;
		padding-bottom:15px;
	}
	.logo {
		width: 100%;
		max-width: 360px;
		max-height: initial;
		min-width:initial;
		min-height:initial;
	}
	.text_1 {
		width: 100%;
		max-width: 500px;
		max-height: initial;
		min-width:initial;
		min-height:initial;		
		margin-top: 20px;
	}
	.text_2 {
		width: 100%;
		max-width: 350px;
		max-height: initial;
		min-width:initial;
		min-height:initial;	
		margin-top: 15px;
	}
	.wrapper ul.ul_2 {
		position: relative;
		bottom: initial;
	}
	.wrapper ul.ul_3 {
		position: relative;
		display: inline-flex;
		flex-wrap: wrap;
		width: 180px;
		bottom: initial;
		margin-top: 10px;
	}
	.wrapper ul li a {
		margin-left:0;
		margin-right:0;
		width: 150px;
		height: 40px;
		margin-top:5px;
		margin-bottom:5px;
	}	
}