*{
	margin: 0;
	padding: 0; 
}

@keyframes slide{

	0%{
		left: 0;
	}

	10%{
		left: 0;
	}

	20%{
		left: -100%;
	}

	30%{
		left: -100%;
	}

	40%{
		left: -200%;
	}

	50%{
		left: -200%;

	}

	60%{
		left: -300%;
	}

	70%{
		left: -300%;
	}

	80%{
		left: -400%;
	}

	90%{
		left: -400%;
	}

	100%{
		left: -400%;

	}

}

#slider{
	margin: 0;
	overflow: hidden;

}

#slider figure img{
	float: left;
	/* width: 20%; */
	/* max-width:200px; */
	max-width: auto;
    max-height:678px;
    /* width: auto; */
    /* height: auto; */
}

#slider figure{
	position: relative;
	width: 500%;
	animation: 10s slide infinite; 

}