/* SERVIÇO MEIO AMBIENTE CONTEUDO */

.geral-banner {
  height: 230px;
  display: flex;
  justify-content: center;
}

#banner-meioAmbiente {
  width: 70%;
  height: 100%;
} 

.info-parque {
  font-size: 1.5em;
  padding: 10px;
}

.info-parque-texto {
  padding: 10px;
}

.titulo-principal {
  text-align: left;
  background-color: #37a2fa;
  color: #ffff;
  box-shadow: 6px 6px 6px #110c5e;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  margin-top: 30px;
}

.geral-cards {
  display: flex;
  gap: 30px;
}

.card {
  background-color: #dddddd;
  color: #ffff;
  box-shadow: 6px 6px 6px #6e6e6e;
  height: 100%;
  margin-top: 10px;
}

.fundo-titulo {
  background-color: #37a2fa;
  /* width: 50%; */
  height: 35px;
  margin: 0 auto;
}

.titulo-fotos {
  font-size: 1.5em;
  color: #fff;
  padding-top: 5px;
}

.img-parques {
  width: 100%;
  height: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul
{
    margin-left: 20px;
    list-style:circle;
}

.nostyle{
  list-style-type: none;
   margin: 0px;
}


@media (max-width: 768px) {
  
  .geral-banner {
    height: 100%;
  }

  #banner-meioAmbiente {
    width: 100%;
  } 

  .info-parque {
    font-size: 1em;
  }

  .titulo-principal h3 {
    font-size: 1.2em;
  }

  .geral-cards {
    display: grid;
  }

  .card {
    height: 100%;
  }

  .fundo-titulo {
    width: 100%;
  }

  .titulo-fotos {
    font-size: 1.2em;
  }

}