.header-sect {
  padding-bottom: 0;
}

.hero-sect {
  height: 60vh;
  display: flex;
  background-size: cover;
  align-items: center;
  background-position: center;
}

/* antes tenia 48vh en height */

.hero-sect .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.title-box {
  max-width: 60%;
}

.hero-sect h1 {
  color: #ffffff;
  text-align: center;
  max-width: 100%;
  font-size: 4rem;
  font-weight: 700;
}

.hero-sect p {
  color: #fff;
  text-align: center;
  max-width: 100%;
}

@media (min-width: 992px) {
  .hero-sect .row {
    display: initial;
  }
}

/* Media queries para hero del home en mobile */

@media (max-width: 576px) {
  #hero-home {
    background-position: 68% 50%;
  }
}

@media (max-width: 576px) {
  .title-box {
    max-width: 65%;
  }
}

@media (max-width: 576px) {
  .hero-sect h1 {
    font-size: 3rem;
  }
}

@media (max-width: 576px) {
  .hero-sect .lead {
    font-size: 1.2rem;
  }
}

/* Fin de media queries para hero del home en mobile */

/* Media queries para hero del home en tablet */

@media (min-width:577px) and (max-width: 1024px) {
  #hero-home {
    background-position: 65% 50%;
  }
}

/* Fin de media queries para hero del home en tablet */