@-webkit-keyframes uparrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(-0.4em); opacity: 0.9 }
}
@-webkit-keyframes downarrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(0.4em); opacity: 0.9 }
}
.arrow {
	position: absolute;
  	display:block;
  	font-size: 95px;
  	content: '';
  	z-index: 99;
  	bottom: 7%;
  	left: 48%; 
  	font-weight: 300;
  	margin: 0 auto;
  	transform: translateY(-50%);
}
.arrow:hover,
.arrow:focus,
.arrow:active {
	color: gold;
}
.up {
  -webkit-animation: uparrow 0.6s infinite alternate ease-in-out;
  color: #fff;
}
.down {
  -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
  color: #fff;
}