.slider {
	width: 100%;
	margin: auto;
	text-align:center;

}
.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 20s infinite alternate;
	animation-timing-function: ease-in;
}
.slider li{
	width: 100%;
	margin-left: 2%;
	margin-right: 2%;
	list-style: none;
}
.slider h2{
	margin-top: 10%;
	width: 100%;
	vertical-align:middle;
	color: #fff;
    font-size: 70px;
    font-family: calibri;
}

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

@media (max-width: 700px) {
        .slider h2{
	    margin-top: 10%;
	    width: 100%;
	    vertical-align:middle;
	    color: #fff;
        font-size: 40px;
        font-family: calibri;
        }
    }

    @media (max-width: 420px) {
        .slider h2{
	    margin-top: 30%;
	    width: 100%;
	    vertical-align:middle;
	    color: #fff;
        font-size: 40px;
        font-family: calibri;
        }
    }