body {
  background-image: linear-gradient(90deg, #FFF, #f5f5f5);
}

.bg-grey {
  background-color: #f8f8f8;
}

.text-small {
  font-size: 0.85rem !important;
}

.img-multiply {
  mix-blend-mode: multiply;
}

.bs-text-justify p {
  text-align: justify !important;
}

.col-text-div {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid #f5f5f5;
}

#conteudo h2 {
  border-bottom: 2px solid #104170 !important;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #104170;
}
#conteudo p {
  text-align: justify;
  font-size: 1rem;
  color: #505050;
}
#conteudo ul {
  list-style: none;
}
#conteudo li {
  border-left: 2px solid #104170 !important;
  padding-left: 1rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #505050;
}
#conteudo hr {
  background-color: #808080;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.carousel-float {
  position: relative;
  min-height: 50vh;
  overflow: hidden;
}
.carousel-float img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50vh;
  object-fit: cover;
}
.carousel-float div {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  width: 50vw;
  height: 50vh;
  padding: 10vh 10vh 5vh 15vw;
  z-index: 1;
  text-align: left;
  color: white;
}
.carousel-float div h3 {
  text-transform: uppercase;
}
.carousel-float div p {
  font-size: 0.85rem;
}
.carousel-float div hr {
  height: 5px;
}
.carousel-float div a {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 768px) {
  .carousel-float div {
    width: 100vw;
    padding: 10vh 15vw 5vh 15vw;
  }
}