#banner_new {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#bg {
	width: 100%;
}

#bg_m {
	display: none;
}

#shadow, #frame, #frame_m, #people, #title, #subtitle {
	position: absolute;
	opacity: 0;
	transition: .5s;
	transition-timing-function: ease-in-out;
}

.show * {
	opacity: 1 !important;
}

#shadow {
	bottom: -50%;
	left: 20%;
	width: 35%;
	transition-delay: .5s;
}

.show #shadow {
	bottom: 0%;
}

#frame {
	top: -100%;
	left: 15%;
	width: 70%;
}

.show #frame {
	top: 11.5%;
}

#frame_m {
	display: none;
}

#people {
	bottom: -50%;
	left: 20%;
	width: 35%;
	transition-delay: .5s;
}

.show #people {
	bottom: 0%;
}

#title {
	top: 24%;
	right: -50%;
	width: 25%;
	transition-delay: 1s;
}

.show #title {
	right: 20%;
}

#subtitle {
	top: 63%;
	right: -50%;
	width: 17.5%;
	transition-delay: 1s;
}

.show #subtitle {
	right: 20%;
}

@media screen and (max-width: 768px) {
	#bg {
		display: none;
	}

	#bg_m {
		display: block;
		width: 100%;
	}

	#frame {
		display: none;
	}

	#frame_m {
		display: block;
		top: 5%;
		left: -100%;
		width: 80%;
	}

	.show #frame_m {
		display: block;
		left: 10%;
	}

	#people {
		bottom: -50%;
		left: 6%;
		width: 100%;
	}

	.show #people {
		bottom: 0;
	}

	#shadow {
		display: none;
	}

	#title {
		top: -51%;
		right: 17.5%;
		width: 65%;
	}

	.show #title {
		top: 11%;
		right: 17.5%;
	}

	#subtitle {
		top: -24%;
		right: 17.5%;
		width: 45%;
	}

	.show #subtitle {
		top: 36%;
	}

}