/* use in home-page.html */

.slide {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -24px;
	padding-top: 0px;
	overflow: hidden;
}
.slide figure img {
	width: 20%;
	height:auto;
	float: left;
}
.slide figure {
	position: relative;
	width: 500%;
	height:350%;
	margin: 0px;
	left: 0px;
	animation: introslide 20s infinite linear;
}
@keyframes introslide {
	0%{left: 0%;}
	15%{left: 0%;}
	20%{left: -100%;}
	35%{left: -100%;}
	40%{left: -200%;}
	60%{left: -200%;}
	65%{left: -300%;}
	80%{left: -300%;}
	85%{left: -400%;}
	100%{left: -400%;}
}