@media screen and ( max-width: 1000px) AND ( min-width: 500px)  {  /*Tablet*/ 
      
   /* Texto--------------------------------------------------*/
   
  .Contenedor-texto{
     font-size: 50px;
     background-color: #dd6707;
     /* top  right bottom left */
     margin: 100px 0px 50px 0px;
     padding: 5px 30px 5px 30px; 
     flex-grow: 1;
  }

  .texto{
     margin: 20px;
     color: #fff;
     font-family:Verdana, Geneva, Tahoma, sans-serif cursive;
     animation: movimientoTexto 4s  ;
  }
  /*animacion de texto*/
  @keyframes movimientoTexto {
     from {
        transform: translateX(-400px);
     }
  }



  /* imagenes principales---------------------------------*/
  .slider{
       height: 500px;  margin: 100px auto 0; overflow: hidden;  
   }
  .slider ul{
     display: flex;  padding: 0px;  animation: cambio 30s infinite alternate ease-in-out;
     width: 700%;   /*es la distancia maxima en recorrido (debe ser 100% mayor a el ultimo margin-left del keyframes)*/
  }
  .slider li{
     width: 100%;  list-style: none;  /*Para quitar viñetas que trae por defecto la lista*/   
  }
  .slider img{
     width: 100%;  height: 100%;
  }
  @keyframes cambio {
     0%{margin-left: 0%;}
     14%{margin-left: 0%;}
     
     21%{margin-left: -100%;}
     28%{margin-left: -100%;}
     
     35%{margin-left: -200%;}
     42%{margin-left: -200%;}

     49%{margin-left: -300%;}
     56%{margin-left: -300%;}

     63%{margin-left: -400%;}
     70%{margin-left: -400%;}

     77%{margin-left: -500%;}
     84%{margin-left: -500%;}

     91%{margin-left: -600%;}
     100%{margin-left: -600%;}
   } 
  /*Fin imagenes principales--------------------------------------------------*/




  /*Imagenes de bloque --------------- */
  .contenedor-cajas{
     padding-left: 100px;  
     padding-right: 100px;
     padding-bottom: 20px;       
  }
  .flex-item{  
     padding: 10px;
     margin: 5px;
     height: 200px;	
     width: 100%;
     text-align: center;
     flex-grow: 1; 
  }
  .flex-item img {
     width: 250px;
     height: 150px; 
     border: #dd6707 solid;
  }
  /*Fin imagenes de bloque*/   
}