#section-4 {
  border-bottom: 15px solid white;
}

.sec4-card {
  width: 18rem;
}

.card-title {
  padding: 5px;
  background-color: var(--teritary-col);
  color: var(--secondary-col);
  border-radius: 5px;
  text-align: center;
}

.card-subtitle {
  color: var(--teritary-col) !important;
  text-align: center;
}

.card-text {
  color: var(--fourth-col);
  text-align: center;
}

.amenities-btn {
  background-color: var(--teritary-col);
  color: var(--fourth-col);
}

.amenities-btn:hover {
  background-color: var(--secondary-col);
  color: var(--primary-col);
}

@media (max-width: 576px) {
  .sec4-cards-col {
    flex-wrap: wrap;
  }

  .sec4-card {
    flex: 1 1 calc(50% - 1rem);
    font-size: small;
    height: 200px;
  }
}