body {
    /* Color rojo de fondo de la página original */
    background: #6d0e11;
}


.slider {
    width: 95%;
    margin: auto;
    overflow: hidden;

}


.slider ul {
    display: flex;
    padding: 0;

    /* Para 6 patrocinadores:*/
    width: 600%;
    animation: cambio 30s infinite;

    /* Para cualquier nº de pines, para que cuando llegue a la última imagen regrese hacia la anterior y no vaya bruscamente a la 1ª*/
    animation-direction: alternate;
}


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


.slider img {
    width: 75%;
    /* Las 2 sgtes lineas para que se centre la imagen*/
    display:block;
    margin:auto;
}


@keyframes cambio {
   /* Para 6 patrocinadores, tiene que etener en en .slider ul {
                                                                width: 600%;
                                                                animation: cambio 30s infinite;*/
   0% {margin-left: 0;}
   15% {margin-left: 0;}

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

   34% {margin-left: -200%;}
   49% {margin-left: -200%;}

   51% {margin-left: -300%;}
   66% {margin-left: -300%;}

   68% {margin-left: -400%;}
   83% {margin-left: -400%;}

   85% {margin-left: -500%;}
   100% {margin-left: -500%;}
}


/* Nuevo para responsivar las fotos horizontales del slider de los patrocinadores */
@media (min-width:480px) {
    .slider {
        width: 90%;
    }
}


@media (min-width:768px) {
   .slider {
        /*width: auto;*/
         width: 70%;
    }
}


@media (min-width:1024px) {
   .slider {
        /*width: auto;*/
	width: 85%;
    }
}