.slider{

	border-top: 2px solid rgba(177,109,0,.7);
	border-right: 3px solid rgba(208,101,3,.7);
	margin-top: 22%;
	margin-left: 10%;
	position: absolute;
	width: 750px;
	border-radius: 10px;
	overflow: hidden;
	 
}
.slider ul{
	display: flex;
	padding: 0;
	width: 400%;
	-moz-animation-name: cambio;
	-moz-animation-duration:  20s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;

	-webkit-animation-name: cambio;
	-webkit-animation-duration:  20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}
@font-face {

font-family: Utsaah;

src: url('../fonts/Utsaah.ttf');

}

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

.slider img{
	width: 100%;
	height: 100%;
}

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

	25% {margin-left: -100%;}
	45% {margin-left: -100%;}

	50% {margin-left: -200%;}
	70% {margin-left: -200%;}

	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}