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

#bg {
	width: 100%;
}

#bg_m {
	display: none;
}

#food_1, #title, #food_2, #word_1, #word_2, #word_3 {
	position: absolute;
	opacity: 0;
	transition: .5s;
	transition-timing-function: ease-in-out;
}

.show * {
	opacity: 1 !important;
}

#food_1 {
	top: 0%;
	left: 7%;
	width: 27%;
	transition-delay: 1s;
}

.show #food_1 {
	top: 42%;
	left: 7%;
	width: 27%;
}

#title {
	top: 100%;
	right: 30%;
	width: 40%;
	transform: rotate(360deg);
	transition: 1s;
}

.show #title {
	top: 5%;
	right: 30%;
	width: 40%;
	transform: rotate(0deg);
}

#food_2 {
	top: 0%;
	right: 17%;
	width: 20%;
	transition-delay: .5s;
}

.show #food_2 {
	top: 33%;
	right: 17%;
	width: 20%;
}

#word_1 {
	top: 71%;
	left: 23%;
	width: 11%;
	transition-delay: 1.5s;
}

.show #word_1 {
	top: 76%;
	left: 23%;
	width: 11%;
}

#word_2 {
	top: 21%;
	left: 21%;
	width: 13%;
	transition-delay: 1.25s;
}

.show #word_2 {
	top: 26%;
	left: 21%;
	width: 13%;
}

#word_3 {
	top: 18%;
	right: 18%;
	width: 11%;
	transition-delay: 1s;
}

.show #word_3 {
	top: 23%;
	right: 18%;
	width: 11%;
}

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

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

	#food_1 {
		top: 6%;
		left: 1%;
		width: 30%;
	}

	.show #food_1 {
		top: 11%;
		left: 1%;
		width: 30%;
	}

	#title {
		top: 50%;
		right: 10%;
		width: 88%;
	}

	.show #title {
		top: 8%;
		right: 10%;
		width: 88%;
	}

	#food_2 {
		top: 37%;
		right: -10%;
		width: 30%;
	}

	.show #food_2 {
		top: 42%;
		right: -10%;
		width: 30%;
	}

	#word_1, #word_2, #word_3 {
		display: none;
	}
}