/*float*/
@keyframes float {
	0% {
	
		transform:matrix(0.7,0,0,0.7,0,0);
	}
	50% {

		transform:matrix(0.7,0,0,0.7,0,-20);
	}
	100% {

		transform:matrix(0.7,0,0,0.7,0,0);
	}
}

.float{
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}



@media (max-width: 767px){
@keyframes float {
	0% {
	
		transform:matrix(0.5,0,0,0.5,0,0);
	}
	50% {

		transform:matrix(0.5,0,0,0.5,0,-20);
	}
	100% {

		transform:matrix(0.5,0,0,0.5,0,0);
	}
}
}




/*float*/
@keyframes floatarrow {
	0% {
	
		transform:matrix(0.7,0,0,0.7,0,0);
	}
	50% {

		transform:matrix(0.7,0,0,0.7,0,-20);
	}
	100% {

		transform:matrix(0.7,0,0,0.7,0,0);
	}
}

.floatarrow{
    -webkit-animation-name: floatarrow;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}