#animacion_cont {
  width: 100%;
  height: 250px;
  position: relative;
 overflow-x: hidden;
}

#camion {
  width: 500px;
  height: 163px;
  position: absolute;  
  background-image: url(../img/animaciones/Camion.png);
  background-size: 500px 163px;
  background-repeat: no-repeat;
  margin-top: 50px;
  margin-left: -35%;
  z-index: 100;
}

#tablet1 {
  margin-top: 50px;
  margin-left: -50px;
  position: absolute;
  z-index: 1000;
  width: 100px;
}


#casa {
  margin-top: 30px;
  margin-left: 70%;
  position: absolute;
     z-index: 1000;
}

#casa img {
  width: 250px;

}



#animacion_2 {
  width: 100%;
  height: 250px;
  position: relative;
  overflow-x: hidden;
}

#camion2 {
  width: 500px;
  height: 163px;
  position: absolute;  
  background-image: url(../img/animaciones/Camion.png);
  background-size: 500px 163px;
  background-repeat: no-repeat;
  margin-top: 50px;
  margin-left: -35%;
  z-index: 100;
}

#casa2 {
  width: 200px;
  height: 150px;
  position: absolute;  
  background-image: url(../img/animaciones/Granja.png);
  background-size: 200px 150px;
  background-repeat: no-repeat;
  margin-top: 65px;
  z-index: 100;
}

#tablet2 {
  margin-top: 120px;
  margin-left: -50px;
  position: absolute;
  z-index: 1000;
  width: 100px;
}

#letrero {
  margin-top: 65px;
  margin-left: 80%;
  position: absolute;
     z-index: 1000;
}

#letrero img {
  width: 100px;

}

#animacion_3 {
  width: 100%;
  height: 250px;
  position: relative;
 overflow-x: hidden;
}



#pc{
  top: 20px;
  width: 380px;
  position: absolute;  
  z-index: 100;
  left: 0px;
}


#check{
  top: 50px;
  width: 400px;
  position: absolute;
  z-index: 1000;
}