#hero{
  width: 100%;
  height: 400px;
  background:linear-gradient(rgba(103, 48, 5, 0.334), rgba(158, 70, 2, 0.356)), url("../img/hero.jpg");
  background-size: 100% 100%;
}
#hero .logo{
  height: 100%;
  color: white;
  font-size: 28px;
  font-weight: 700;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding-right: 20px;
}
#hero .logo img{
  width: 178px;
  margin: 0 80px;
}
#hero .botones{
  width: 388px;
  justify-content: space-between;
  position: relative;
  top: -72px;
  right: -345px;
}
#hero .botones .apple, #hero .botones .playstore{
  width: 180px;
  height: 47px;
  background: #1f1a15;
  color: white;
  cursor: pointer;
  border-radius: 5px;
}
#hero .botones img{
  width: 35px;
  margin: 0 10px 0 15px;
}
#app{
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
#app img{
  width: 300px;
}
#app .texto span{
  font-size: 27px;
  font-weight: bold;
}
#app .texto p{
  margin: 0;
}
#app .texto nav{
  font-size: 27px;
  font-weight: bold;
  color: #412600;
}
#slider{
  width: 100%;
  padding: 10px;
  background-color: #151515;
  box-sizing: border-box;
}
#slider .texto{
  color: white;
  font-weight: bold;
}
#slider .cels{
  width: 100%;
  justify-content: space-evenly;
}
#slider .cels img{
  width: 30%;
}

.glider-contain {
  width: 90%;
  max-width: 997px;
  margin: 0 auto;
  background-color: #151515;
}
.glider-contain .texto{
  color: white;
  font-weight: bold;
  padding-left: 10px;
}
.glider-slide {
  min-height: 150px;
}
.glider-slide img {
  width: 100%;
}
.glider-track {
  width: 100%;
}

@media only screen and (max-width: 800px) {
  #hero{
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 370px;
  }
  #hero .logo{
      height: auto;
      padding: 0 10px 10px 0;
      font-size: 18px;
  }
  #hero .logo img{
      margin: 0 20px;
  }
  #hero .botones{
      width: 100%;
      justify-content: space-around;
      position: inherit;
  }
  #hero .botones .apple, #hero .botones .playstore {
      width: 240px;
      height: 58px;
  }
  #app{
      flex-direction: column;
  }
  #app .texto{
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  #app .texto nav {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
}