.container--big {
	height: 175vh
}

.container--full {
	height: 100vh
}

.container--small {
	height: 30vh
}


.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100
}

.parallax__container .parallax {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%
}

.bg1 {
	background-image: url(../img/pc/menu-img.jpg)
}

.show-on-mobile--inline {
	display: none
}


@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

@media screen and (max-width:480px) {
	.hide-on-mobile {
		display: none
	}
	.show-on-mobile--inline {
		display: inline
	}
}