/**{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.slider{
	width: 500px;
	height: 500px;
	overflow: hidden;
}

.slider ul{
	display: flex;
	animation: cambio 20s infinite
	alternate linear;
	widows: 400%;
}

.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%;}

}*/


.scroll-parent {
  position: relative;
  top: 500px;
  /*width: 100vw;
  height: 80rem;*/
  width: 100%;
  height: 100%;
  overflow-x: hidden;

}

.scroll-element {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0%;
  top: 0%;
  animation: primary 33s linear infinite;

}

.primary {
  animation: primary 33s linear infinite;
  
}

/*.scroll-element_primary{
  animation: primary 3s linear infinite;	
}*/


.secondary {
  animation: secondary 33s linear infinite;
}

@keyframes primary {
  from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}

@keyframes secondary {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}

div img{
	width: 100%;
	height: 25%;
}