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

.slider ul {
    display: flex;
    margin: 0;
    padding: 0;
    width: 1100%;
    animation: cambio 60s infinite;
    }

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

.slider img {
    width: 100%;
}

.slider li div {
	position: relative;
	bottom: 57px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 2.5rem;
	padding: .6rem; 
	text-align: center;
}

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

10% { margin-left: -100%; }
17% { margin-left: -100%; }

20% { margin-left: -200%; }
27% { margin-left: -200%; }

30% { margin-left: -300%; }
37% { margin-left: -300%; }
    
40% { margin-left: -400%; }
47% { margin-left: -400%; }
    
50% { margin-left: -500%; }
57% { margin-left: -500%; }
    
60% { margin-left: -600%; }
67% { margin-left: -600%; }
    
70% { margin-left: -700%; }
77% { margin-left: -700%; }
    
80% { margin-left: -800%; }
87% { margin-left: -800%; }
    
90% { margin-left: -900%; }
97% { margin-left: -900%; }

100% { margin-left: -1000%; }
}

@media screen and (max-width: 700px)
{
.slider li div {
	position: relative;
	bottom: 25px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 1.5rem;
	padding: .3rem; 
	text-align: center;
                }
}