html, body {
  background-color: #f0eadd;
}

#about-title {
  text-align: center;
  margin-top: 1em;
  color: #6c4131;
}

#carouselExampleFade {
  background-color: #f0eadd;
  height: auto!important;
}

.timeline-first {
  margin-top: 6em!important;
}

.timeline-center {
  width: 0.75em;
  background-color: #6c4131;
  height: 20em;
  margin: 0 auto;
}

.timeline-center-jumbo {
  width: 0.75em;
  background-color: #6c4131;
  height: 5em;
  margin: 0 auto;
  border-radius: 2em;
}

@media only screen and (max-width: 767.9px) {
  .timeline-center {
    width: 0.75em;
    background-color: #6c4131;
    height: 40em;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 767.9px) {
  .timeline-center {
    width: 0.75em;
    background-color: #6c4131;
    height: 40em;
    margin: 0 auto;
  }
}

.timeline-bubble {
  width: 4em;
  height: 4em;
  border-radius: 2rem 2rem 2rem 2rem;
  border: 1px solid #6c4131;
  background-color: #6c4131;
  margin: 0 auto;
  margin-bottom:-2em;
}

.timeline-bline-right {
  border-top: 2px solid #6c4131;
  height: 2px;
  width: 33%;
  margin-left: 50%;
  margin-bottom: -2em;
}

.timeline-bline-right h2 {
  margin-left: 1em;
  text-align: center;
  color: #6c4131;
}

.timeline-bline-right p {
  text-align: justify;
  margin-left: 2em;
  color: #6c4131;
  font-size: 1.25em;
}

.timeline-bline-left {
  border-top: 2px solid #6c4131;
  height: 2px;
  width: 33%;
  margin-left: 17%;
  margin-bottom: -2em;
}

.timeline-bline-left h2 {
  margin-right: 2em;
  text-align: center;
  color: #6c4131;
}

.timeline-bline-left p {
  text-align: justify;
  margin-right: 2em;
  color: #6c4131;
  font-size: 1.25em;
}

.timeline-year-left {
  /* border-top: 2px solid #6c4131; */
  height: 2px;
  width: 33%;
  margin-top: 0em;
  margin-left: 17%;
  margin-bottom: 1em;
}

.timeline-year-left h2 {
  margin-bottom:2em;
  text-align: right;
  margin-right: 2em;
  color: #6c4131;
}

.timeline-year-right {
  /* border-top: 2px solid #6c4131; */
  height: 2px;
  width: 33%;
  margin-left: 50%;
  margin-bottom: 1em;
}

.timeline-year-right h2 {
  margin-bottom:2em;
  text-align: left;
  margin-left: 2em;
  color: #6c4131;
}

.timeline-jumbo {
  width:auto;
  margin-left: 5em;
  margin-right: 5em;
  height: auto;
  background-color: #6c4131!important;
  padding-bottom: 1em!important;
}

.timeline-jumbo .lead {
  background-color: #6c4131;
  color: #d8b66e;
}

.timeline-jumbo .display-4 {
  text-align: center;
  background-color: #6c4131;
  color: #d8b66e;
}

.timeline-jumbo-year {
  color: #d8b66e;
  text-align: center!important;
  padding: 0!important;
  margin: 0 auto;
  margin-top: -3em;
  background-color: #6c4131;
  width: 5em;
  border-radius: 1em 1em 1em 1em;
  font-size: 2em;
}

.timeline-jumbo-subtitle {
  color: #d8b66e;
  text-align: center!important;
}

.timeline-jumbo-img {
  width: 100%;
  margin-bottom: 0.75em;
  border: 1px solid #6c4131;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
}