@keyframes slideshow {
	0% {
		left: 0%;
	}
	20% {
		left: 0%;
	}
	40% {
		left: -100%;
	}
	55% {
		left: -100%;
	}
	70% {
		left: -200%;
	}
	85% {
		left: -200%;
	}
	100% {
		left: -300%;
	}
}

/*
body {
	margin: 0;
}
*/

div#slider {
	overflow: hidden;
}

div#slider > figure > img {
	width: 20%;
	float: left;
}

div#slider > figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slideshow infinite;
}