@media screen and ( max-width: 1000px) AND ( min-width: 500px)  {  /*Tablet*/ 
      
       /* Texto--------------------------------------------------*/
       
      .Contenedor-texto{
         font-size: 50px;
         background-color: #b85503;
         /* 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: #b85503 solid;
      }
      /*Fin imagenes de bloque*/   
   }