@media screen and ( max-width: 500px) AND ( min-width: 150px)  {    /*celular*/
      
      /*Parte texto-----------------------------------------------*/
      .Contenedor-texto{
         font-size: 50px;
         background-color: #b85503;
         /* top  right bottom left */
         margin: 90px 0px 50px 0px;
         padding: 5px 10px 20px 10px;
         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);
         }
      }


      /*Fin texto-------------------------------------------------------*/

   
      /* imagenes principales---------------------------------*/
      .slider{
         height: 200px;  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: 50px;  
         padding-right: 50px;
         padding-bottom: 20px;       
      }
      .flex-item{  
         padding: 10px;
         margin: 5px;
         height: 130px;	
         width: 100%;
         text-align: center;
         flex-grow: 1; 
         
      }
      .flex-item img {
         width: 200px;
         height: 100px;
         border: #b85503 solid; 
         
      }
      /*Fin imagenes de bloque*/ 
      
       
   }  

   /* imagen principal---------------------------------
      .flex-containerFoto{
         display: flex;
         height: 310px;
         /* top  right bottom left 
         padding: 30px 0px 10px 0px;   
      }
      .imgFoto{
         text-align: center;
         height: 300px;
         width: 1000px;
         flex-grow: 1; 
      }*/