body {
  font-family: "Unimed Sans Regular", sans-serif;
}
.text-middle {
  width: 70%;
  margin: 20px auto;
}
.text-middle p {
  width: 100%;
}

.image-middle {
  max-width: 70%;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-middle img {
  max-width: 100%;
  object-fit: cover;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.text-left p {
  width: 95%;
  text-align: left;
}
.text-left {
  width: calc(100% - 40px);
  margin: 20px 20px;
}

.title {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
}

.migalha {
  font-size: 12px;
  color: #444444;
}
a {
  color: inherit;
  text-decoration: inherit;
}

#hr-subtitulo {
  width: calc(100% - 40px);
  margin: auto;
  background-color: #b1d34b;
  border-color: transparent;
}

h1 {
  font-family: "Unimed Sans Bold", sans-serif;
  color: #00995d;
  font-weight: bold;
  font-size: 24px;
}

#conteudo{
  line-height: 24px;
  font-size: 16px;
  color: #444444;
  font-family: "Unimed Sans Regular", sans-serif;
  padding-bottom: 40px;
}

.wrapper_conteudo {
  display: flex;
  margin: 20px 0px;
  padding: 20px 20px 0;
  justify-content: space-between;
  min-height: 80px;
}
.wrapper_meio {
  display: block;
  width: 100%;
  min-height: 80px;
  padding: 20px 20px 0;
}
.wrapper_text {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  width: 45%
}

.wrapper_text p {
  width: 100%;
}

.wrapper_img {
  display: flex;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  align-items: center;
  min-height: 200px;
  width: 45%
}

.wrapper_img img {
  width: 100%;
}

.wrapper_compartilhar {
  color: #444444;
  font-size: 12px;
  font-family: "Unimed Sans Regular", sans-serif;
  padding: 8px 20px;
  display: none; /* Comentei porque ainda não está funcionando */
}

.wrapper_compartilhar i {
  color: #b1d34b;
  font-size: 20px;
  margin-left: 10px;
}

#img1 {
  position: absolute;
  right: 0;
  height: 500px;
  top: 190px;
}

#img2 {
  position: absolute;
  left: 0;
  bottom: -46px;
}

.text_100 {
  width: 100%;
  min-height: 10px;
}


#conteudo ul li{
  list-style: disc;
}
#conteudo a{
  color: #245c50;
  font-weight: bold;
  text-decoration: underline;
}
#conteudo a:hover{
  color: #b6d328;
}

@media only screen and (max-width: 768px) {
  #img1 {
    display: none;
  }

  .wrapper_conteudo {
    flex-direction: column-reverse;
  }

  .wrapper_text {
    margin-top: 25px;
    width: 100%;
  }

  .wrapper_conteudo {
    padding-bottom: 65px;
  }

  .wrapper_img {
    width: 100%;
    max-width: 420px;
  }
  #img2{
    bottom: 0px;
    width: 180px;
  }
}