#facts{
  display: flex;
  justify-content: center;
  align-items: top;
  padding-left: 0rem;
  /* width: 100%; */
}

#facts-carousel {
  padding: 0 0;
  margin: 0 0;
  
  overflow: hidden;
  /* background-color: #d4af37; */
}

#facts-carousel .carousel-control-prev{
  color: seagreen !important;
  padding-right: 0;
  display: none;
}

#facts-carousel .carousel-control-next {
  color: seagreen !important;
  margin-left: 0;
  display: none;
  /* width:0; */
}

#facts-carousel .card {
  /* width: max(20rem, 70%); */
  width: 100%;
  min-height: min(450px, 60vh);
  border-color: #1B3B2F;
  /* padding: 9px 9px; */
  background-color: #fcfcfc;
}

#facts-carousel .card .card-header h3 {
  /* color: goldenrod; */
  color: seagreen;
  color: white;
  color: #D4AF37;
}

#facts-carousel .card .card-header{
  /* background-color: slategray !important;  */
  background-color: whitesmoke;
  /* background-color: seagreen; */
  /* border-color: seagreen; */
  background-color: #1B3B2F;
  border-color: #1B3B2F;
  
}

#facts-carousel .card .card-footer {
  background-color: transparent;
  background-color: #fcfcfc;
  border: none;
}

#facts-carousel .card .card-body{
  /* padding-left: 2em;
  padding-right: 2em; */
  background-color: #fcfcfc;
}

#facts-carousel .card .card-body h5 {
  color: seagreen;
  text-transform: none;
  color: #333333;
}

/* #card1, #card1 .card {
  border-width: 3px;
  border-color: LightSlateGray;
}

#card1 .card-header, 
#card1 .card-footer {
  background-color: lightslategray;
}

#card2, #card2d .card {
  border-width: 3px;
  border-color: lightslategray;
}

#card2 .card-header, 
#card2 .card-footer {
  background-color: #ffe6ec; 
}

#card3, #card3 .card {
  border-width: 3px;
  border-color: lightslategray;
}

#card3 .card-header, 
#card3 .card-footer {
  background-color: lightslategray;
}

#card4, #card4 .card {
  border-width: 3px;
  border-color: lightslategray;
}

#card4 .card-header, 
#card4 .card-footer {
  background-color: lightslategray;
}

#card5, #card5 .card {
  border-width: 3px;
  border-color: lightslategray;
}

#card5 .card-header, 
#card5 .card-footer {
  background-color: lightslategray;
}

#card6, #card6 .card {
  border-width: 3px;
  border-color: lightslategray;
}

#card6 .card-header, 
#card6 .card-footer {
  background-color: lightslategray;
}

#card7, #card7 .card {
  border-width: 3px;
  border-color: lightslategray;
}

#card7 .card-header, 
#card7 .card-footer {
  background-color: lightslategray;
}

#card8, #card8 .card {
  border-width: 3px;
  border-color: lightsategray;
}

#card8 .card-header, 
#card8 .card-footer {
  background-color: lightslategray; 
} */


@media (min-width: 768px) {
  #facts {
    padding-left: 7rem;
  }

}