section.head {
    position: relative;
    padding-bottom: 7.725vw;
    padding-top: 38vw;
}
section.head::after {
    content: "";
    display: block;
    width: 102vw;
    height: 40vw;
    background: center center url(../img/gamification-top.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
div.center.insta {
	margin: 3vw -20vw;
	white-space: nowrap;
	position: relative;
}

div.steps  {
	position: relative;
}
div.steps i.foot-1-1 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-1-1.png) no-repeat;
	background-size: cover;
	width: 5.1vw;
	height: 11vw;
	left: -20vw;
	top: -10vw;
}
div.steps i.foot-1-2 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-1-2.png) no-repeat;
	background-size: cover;
	width: 4.7vw;
	height: 9.3vw;
	left: -15vw;
	top: -6vw;
}
div.steps i.foot-2-1 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-2-1.png) no-repeat;
	background-size: cover;
	width: 2.8vw;
	height: 13.1vw;
	left: -14vw;
	top: 6vw;
}
div.steps i.foot-2-2 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-2-1.png) no-repeat;
	background-size: cover;
	width: 2.8vw;
	height: 13.1vw;
	left: -11.5vw;
	top: 6.5vw;
}
div.steps i.foot-3-1 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-3-1.png) no-repeat;
	background-size: cover;
	width: 4vw;
	height: 10vw;
	right: -12vw;
	top: -8vw;
}
div.steps i.foot-3-2 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-3-2.png) no-repeat;
	background-size: cover;
	width: 4.2vw;
	height: 8.9vw;
	right: -16vw;
	top: -12vw;
}
div.steps i.foot-4-1 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-4-1.png) no-repeat;
	background-size: cover;
	width: 3.8vw;
	height: 8.7vw;
	right: -10.5vw;
	top: 7.5vw;
}
div.steps i.foot-4-2 {
	position: absolute;
	display: block;
	background: center center url(../img/gamification-foot-4-2.png) no-repeat;
	background-size: cover;
	width: 3.7vw;
	height: 8.3vw;
	right: -14vw;
	top: 7vw;
}
div.center.insta.first::after {
	content: "";
	display: block;
	background: center center url(../img/gamification-egg-1.png) no-repeat;
	background-size: cover;
	width: 22.5vw;
	height: 24.8vw;
	right: 11vw;
	top: -3vw;
	position: absolute;
	z-index: 1;
	animation-name: animation_7; 
	animation-duration: 8.5s; 
	animation-iteration-count: infinite; 
	animation-direction: alternate; 
	animation-fill-mode: both;
	opacity: .5;
}
@keyframes animation_7 {
	0% {transform: rotate(0deg); }
	100% {transform: rotate(20deg); }
}
div.center.insta.first iframe {
	position: relative;
	z-index: 2;
}
div.center.insta.first .ball::before {
	left: 16vw;
	top: 19vw;
}
div.center.insta.second::after {
	content: "";
	display: block;
	background: center center url(../img/gamification-egg-2.png) no-repeat;
	background-size: cover;
	width: 24.6vw;
	height: 22.4vw;
	left: -3vw;
	bottom: -3vw;
	position: absolute;
	z-index: 1;
	animation-name: animation_7; 
	animation-duration: 8.5s; 
	animation-iteration-count: infinite; 
	animation-direction: alternate; 
	animation-fill-mode: both;
	opacity: .5;
}
div.footsteps {
	display: none;
}

@media only screen and (max-width: 480px) {
	section.head {
	    padding-bottom: 7.725vw;
	    padding-top: 74vw;
	}
	section.head::after {
	    width: 200vw;
	    height: 74vw;
	    left: -50vw;
	    top: 0;
	}
	i.ball.air-3 {
	    padding: 9vw 0;
	}
	div.center.insta {
	    margin: 3vw -4.5vw;
	    white-space: normal; 
	    position: relative;
	}
	.instagram_post {
	    width: 100vw;
	    height: 145vw;
	    border-radius: 0;
	}
	div.footsteps {
		display: block;
		height: 0;
		padding-bottom: 100%;
		background: center center url(../img/gamification-foots.png) no-repeat;
		background-size: cover;
	}
}