.slider{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.slider ul{
	display: flex;
	padding: 0;
	width: 500%;

	animation: cambio 20s infinite;
	animation-direction: alternate;
}

.slider li{
	width: 100%;
	list-style: none;
}

.slider img{
	width: 100%;
	display: flex;
}

@keyframes cambio{
	0% {margin-left: 0%;}
	17% {margin-left: 0%;}

	20% {margin-left: -100%;}
	37% {margin-left: -100%;}

	40% {margin-left: -200%;}
	57% {margin-left: -200%;}

	60% {margin-left: -300%;}
	77% {margin-left: -300%;}

	80% {margin-left: -400%;}
	100% {margin-left: -400%;}

}

footer{
	background-color: #555;
	color: white;
	padding: 15px;
	}

.item{
	font-size: 18px;
    padding: 13px 1px;
    list-style: none;
    color: white;
}