@charset "utf-8";
/* CSS Document */
html, body {
	background-color: #000;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
img {
	max-width: 100%;	
}
#banner {
	margin-top: 5%;
}
.name {
	background-color: #BE1E2D;
	padding: 1.5em;
	text-align: center;
}
.name img {
	width: 50vw;	
}
.services {
	background-color: #81151F;
	padding: 1em;
	text-align: center;
}
.services img {
	width: 43vw;	
}
#coming {
	display:table;
	margin-top: 2em;
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.rule {
	background-color: #BE1E2D;
	display: inline-block;
	height: 5px;
	left: 0;
	position: absolute;
	top: 50%;
	vertical-align: middle;
	width: 100%;
	z-index: 10;
}
#coming img {
	display: inline-block;
	position: relative;
	width: 28vw;
	vertical-align: middle;
	z-index: 20;
}
#footer {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
#footer img {
	display: block;
	margin: auto;
	max-width: 540px;
	width: 50%;
}
@media screen and (max-width: 900px) {
	#footer img {
		width: 100%;	
	}
	.rule {
		height: 3px;	
	}
	#coming img {
		width: 38vw;
	}
}
@media screen and (max-width: 500px) {
	.rule {
		height: 2px;	
	}
	#coming img {
		width: 68vw;
	}
}
@media screen and (max-width: 400px) {
	.name {
		padding: 1em;
	}
	.services {
		padding: .5em;
	}
}