body {
  font-family: Arial, sans-serif;
  padding-bottom: 10px;
  background-color: #F5F5DC; /* Cor de fundo offwhite */
}
.badge {
  font-size: 16px; /* Adjust as needed */
    }
.card-img-top {
    width: 100%;
    height: 150px;
    object-fit: cover;
  }
  .card-link {
    text-decoration: none;
    color: inherit;
  }
  .header {
    background-color: black;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 2em;
    margin-bottom: 20px;
  }
  .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  @media (max-width: 767px) {
    .card-img-top {
      height: 200px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .card-img-top {
      height: 150px;
    }
  }
  @media (min-width: 992px) {
    .card-img-top {
      height: 150px;
    }
  }