.animate {
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

@keyframes header {
	0%{
		top: -100px;
	}
	100%{
		top: 0px;
	}
}

.animate.header{
	animation-name: header;
}

@keyframes feature {
	0%{
		left: 100px;
		opacity: 0;
		width: 400px;
	}
	100%{
		left: 0;
		opacity: 1;
		width: 100%;
	}
}

.animate.feature{
	animation-name: feature;
}

@keyframes image {
	0%{
		transform: translateY(0px);
	}
	50%{
		transform: translateY(10px);
	}
	100%{
		transform: translateY(0px);
	}
}

.animate.image{
	animation: image 5s;
	animation-name: image;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.rotate {
	-webkit-animation:spin 1s linear infinite;
	-moz-animation:spin 1s linear infinite;
	animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }