/* ===========================
   HISTORIA / LINHA DO TEMPO
   =========================== */

/* Banner inicial */
.section-historia-bg {
  min-height: 60vh;
  margin-top: 10vh;
  padding-top: 20vh;
  padding-left: 45vh;
  background: url('/assets/img/historia-section-one.png') center/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-historia-bg .historia-title h1 {
  font-weight: 800;
  text-transform: uppercase;
  color: #a8821f;
  font-size: 45px;
  margin-bottom: 1rem;
}

.section-historia-bg .historia-text {
  max-width: 35vh;
  font-size: 18px;
}

.section-historia-bg .historia-text p {
  color: #fff;
  margin: 0;
}

/* ===========================
   RESPONSIVO
   =========================== */
@media (max-width: 991.98px) {
  .section-historia-bg {
    min-height: 40vh;
    padding-top: 15vh;
    padding-left: 0vh;
    text-align: center;
    align-items: center;
  }

  .section-historia-bg .historia-title h1 {
    font-size: 35px;
  }

  .section-historia-bg .historia-text {
    max-width: 100%;
  }

  .section-historia-bg .historia-text p {
    font-size: 13px;
  }
}