@font-face {
	font-family: "RobotoCondensed";
	src:url(../fuente/RobotoCondensed-Regular.ttf);
}

#slider-container {
  overflow: hidden;
}

.slider {
  background-image: url('../img/vehiculos-rsi2.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  animation: animate 10s infinite;
  animation-direction: alternate;
}


.slider h1 {
  position: relative;
  color: white;
  font-family: 'RobotoCondensed';
  top: 40%;
  text-align: center;
}


@keyframes animate {
  0% { background-image: url('../img/vehiculos-rsi2.jpg');
    background-size: cover;
   }

   50% { background-image: url('../img/vehiculos-rsi3.jpg');
    background-size: cover;
   }

   0% { background-image: url('../img/vehiculos-rsi4.jpg');
    background-size: cover;
   }

}
/***************************************************************/


.slider2 {
  background-image: url('../img/flotas-rsi2.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  animation: animate2 10s infinite;
  animation-direction: alternate;
}


.slider2 h1 {
  position: relative;
  color: white;
  font-family: 'RobotoCondensed';
  top: 40%;
  text-align: center;
}

@keyframes animate2 {
  50% { background-image: url('../img/flotas-rsi2.jpg');
    background-size: cover;
   }

   50% { background-image: url('../img/flotas-rsi3.jpg');
    background-size: cover;
   }

}

/***************************************************************/


.slider3 {
  background-image: url('../img/Iot-industrias-rsi2.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  animation: animate3 10s infinite;
  animation-direction: alternate;
}

.slider3 h1 {
  position: relative;
  color: white;
  font-family: 'RobotoCondensed';
  top: 40%;
  text-align: center;
}

@keyframes animate3 {
  50% { background-image: url('../img/Iot-industrias-rsi2.jpg');
    background-size: cover;
   }

   50% { background-image: url('../img/Iot-industrias-rsi3.jpg');
    background-size: cover;
   }

}


/***************************************************************/


.slider4 {
  background-image: url('../img/personas-rsi2.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  animation: animate4 10s infinite;
  animation-direction: alternate;
}

.slider4 h1 {
  position: relative;
  color: white;
  font-family: 'RobotoCondensed';
  top: 40%;
  text-align: center;
}

@keyframes animate4 {
  50% { background-image: url('../img/personas-rsi2.jpg');
    background-size: cover;
   }

   50% { background-image: url('../img/personas-rsi3.jpg');
    background-size: cover;
   }

}

/***************************************************************/


.slider5 {
  background-image: url('../img/fuerza-laboral-rsi2.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  animation: animate5 10s infinite;
  animation-direction: alternate;
}

.slider5 h1 {
  position: relative;
  color: white;
  font-family: 'RobotoCondensed';
  top: 40%;
  text-align: center;
}

@keyframes animate5 {
  50% { background-image: url('../img/fuerza-laboral-rsi2.jpg');
    background-size: cover;
   }

   50% { background-image: url('../img/fuerza-laboral-rsi3.jpg');
    background-size: cover;
   }

}

/***************************************************************/


.slider6 {
  background-image: url('../img/sistemas-logisticos-rsi2.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  animation: animate6 10s infinite;
  animation-direction: alternate;
}

.slider6 h1 {
  position: relative;
  color: white;
  font-family: 'RobotoCondensed';
  top: 40%;
  text-align: center;
}

@keyframes animate6 {
  0% { background-image: url('../img/sistemas-logisticos-rsi2.jpg');
    background-size: cover;
   }

   50% { background-image: url('../img/sistemas-logisticos-rsi4.jpg');
    background-size: cover;
   }

   0% { background-image: url('../img/sistemas-logisticos-rsi5.jpg');
    background-size: cover;
   }

}



@media screen and (min-width: 0px) {
  .slider {
    height: 250px;
  }
  
  .slider h1 {
    font-size: 35px;
  }


  .slider2 {
    height: 250px;
  }

  #slider-container2 {
    margin-top: 32px;
  }

  .slider2 h1 {
    font-size: 35px;
  }

  .slider3 {
    height: 250px;
  }

  #slider-container3 {
    margin-top: 32px;
  }

  .slider3 h1 {
    font-size: 35px;
  }

  .slider4 {
    height: 250px;
  }

  #slider-container4 {
    margin-top: 32px;
  }

  .slider4 h1 {
    font-size: 35px;
  }

  .slider5 {
    height: 250px;
  }

  #slider-container5 {
    margin-top: 32px;
  }

  .slider5 h1 {
    font-size: 35px;
  }

  .slider6 {
    height: 250px;
  }

  #slider-container6 {
    margin-top: 32px;
  }

  .slider6 h1 {
    font-size: 35px;
  }
}

@media screen and (min-width: 480px) {

  .slider {
    height: 300px;
  }
  
  .slider h1 {
    font-size: 35px;
  }

  .slider2 {
    height: 300px;
  }
  
  .slider2 h1 {
    font-size: 35px;
  }

  #slider-container2 {
    margin-top: 39px;
  }

  .slider3 {
    height: 300px;
  }
  
  .slider3 h1 {
    font-size: 35px;
  }

  #slider-container3 {
    margin-top: 39px;
  }

  .slider4 {
    height: 300px;
  }
  
  .slider4 h1 {
    font-size: 35px;
  }

  #slider-container4 {
    margin-top: 39px;
  }

  .slider5 {
    height: 300px;
  }
  
  .slider5 h1 {
    font-size: 35px;
  }

  #slider-container5 {
    margin-top: 39px;
  }

  .slider6 {
    height: 300px;
  }
  
  .slider6 h1 {
    font-size: 35px;
  }

  #slider-container6 {
    margin-top: 39px;
  }
  }

  
@media screen and (min-width: 768px) {

  .slider {
    height: 300px;
  }
  
   .slider h1 {
    font-size: 40px;
  }


  .slider2 {
    height: 300px;
  }
  
   .slider2 h1 {
    font-size: 40px;
  }

   #slider-container2 {
    margin-top: 48px;
  }

  .slider3 {
    height: 300px;
  }
  
   .slider3 h1 {
    font-size: 40px;
  }

   #slider-container3 {
    margin-top: 48px;
  }
  .slider4 {
    height: 300px;
  }
  
   .slider4 h1 {
    font-size: 40px;
  }

   #slider-container4 {
    margin-top: 48px;
  }

  .slider5 {
    height: 300px;
  }
  
   .slider5 h1 {
    font-size: 40px;
  }

   #slider-container5 {
    margin-top: 48px;
  }

  .slider6 {
    height: 300px;
  }
  
   .slider6 h1 {
    font-size: 40px;
  }

   #slider-container6 {
    margin-top: 48px;
  }


  }
  
  @media screen and (min-width: 1024px) {

    .slider {
      height: 350px;
    }
    
    .slider h1 {
      font-size: 40px;
    }
  


    .slider2 {
      height: 350px;
    }
    
    .slider2 h1 {
      font-size: 40px;
    }
  
    #slider-container2 {
      margin-top: 430px;
    }

    .slider3 {
      height: 350px;
    }
    
    .slider3 h1 {
      font-size: 40px;
    }
  
    #slider-container3 {
      margin-top: 390px;
    }

    .slider4 {
      height: 350px;
    }
    
    .slider4 h1 {
      font-size: 40px;
    }
  
    #slider-container4 {
      margin-top: 390px;
    }

    .slider5 {
      height: 350px;
    }
    
    .slider5 h1 {
      font-size: 40px;
    }
  
    #slider-container5 {
      margin-top: 200px;
    }

    .slider6 {
      height: 350px;
    }
    
    .slider6 h1 {
      font-size: 40px;
    }
  
    #slider-container6 {
      margin-top: 320px;
    }


    }
    

    @media screen and (min-width: 1300px) {

      .slider {
        height: 400px;
      }
      
      .slider h1 {
        font-size: 40px;
      }
  

      .slider2 {
        height: 400px;
      }
      
      .slider2 h1 {
        font-size: 40px;
      }
    
      #slider-container2 {
        margin-top: 500px;
      }

      .slider3 {
        height: 400px;
      }
      
      .slider3 h1 {
        font-size: 40px;
      }
    
      #slider-container3 {
        margin-top: 480px;
      }

      .slider4 {
        height: 400px;
      }
      
      .slider4 h1 {
        font-size: 40px;
      }
    
      #slider-container4 {
        margin-top: 400px;
      }

      .slider5 {
        height: 400px;
      }
      
      .slider5 h1 {
        font-size: 40px;
      }
    
      #slider-container5 {
        margin-top: 250px;
      }

      .slider6 {
        height: 400px;
      }
      
      .slider6 h1 {
        font-size: 40px;
      }
    
      #slider-container6 {
        margin-top: 320px;
      }
  
  
      }

      
    @media screen and (min-width: 1600px) {

      .slider {
        height: 420px;
      }
      
      .slider h1 {
        font-size: 40px;
      }
   

      .slider2 {
        height: 420px;
      }
      
      .slider2 h1 {
        font-size: 40px;
      }
    
     #slider-container2 {
      margin-top: 580px;
      }

      .slider3 {
        height: 420px;
      }
      
      .slider3 h1 {
        font-size: 40px;
      }
    
     #slider-container3 {
      margin-top: 550px;
      }

      .slider4 {
        height: 420px;
      }
      
      .slider4 h1 {
        font-size: 40px;
      }
    
     #slider-container4 {
      margin-top: 420px;
      }

      .slider5 {
        height: 420px;
      }
      
      .slider5 h1 {
        font-size: 40px;
      }
    
     #slider-container5 {
      margin-top: 250px;
      }

      .slider6 {
        height: 420px;
      }
      
      .slider6 h1 {
        font-size: 40px;
      }
    
     #slider-container6 {
      margin-top: 350px;
      }
      }

    @media screen and (min-width: 1920px) {

      .slider {
        height: 450px;
      }
      
      .slider h1 {
        font-size: 40px;
      }
  

      .slider2 {
        height: 450px;
      }
      
      .slider2 h1 {
        font-size: 40px;
      }
    
      #slider-container2 {
        margin-top: 650px;
      }

      .slider3 {
        height: 450px;
      }
      
      .slider3 h1 {
        font-size: 40px;
      }
    
      #slider-container3 {
        margin-top: 580px;
      }

      .slider4 {
        height: 450px;
      }
      
      .slider4 h1 {
        font-size: 40px;
      }
    
      #slider-container4 {
        margin-top: 450px;
      }

      .slider5 {
        height: 450px;
      }
    
      .slider5 h1 {
        font-size: 40px;
      }
    
      #slider-container5 {
        margin-top: 250px;
      }

      .slider6 {
        height: 450px;
      }
    
      .slider6 h1 {
        font-size: 40px;
      }
    
      #slider-container6 {
        margin-top: 360px;
      }
  
      }