.hero-arrow { 
	position:absolute;
	z-index:1;
	bottom:28px;
	/*right:20px;*/
	color:#ffffff;
	font-size:38px;
	text-shadow:0 0 6px rgba(0, 0, 0, 1);
	cursor:pointer;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
	}
@-webkit-keyframes mover {
		0% { transform: translateY(0); }
		100% { transform: translateY(-5px); }
	}
@keyframes mover {
		0% { transform: translateY(0); }
		100% { transform: translateY(-5px); }
	}

@media (max-width: 768px) {
  .hero-arrow { 
	bottom:20px;
	right:0px;
	}
}