/* Voeg Google Font toe */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

/* Club Info Styling */
.club-info-container {
  padding: 20px;
  background-color: #f9f9f9;
  color: #333;
  text-align: center;
  border-top: 0.5rem solid black;
  font-family: "Roboto", sans-serif; /* Nieuw lettertype */
}

.club-info {
  margin-bottom: 0; /* Verwijder marges tussen items */
  padding: 0; /* Verwijder padding rond individuele items */
  border: none; /* Verwijder borders rond individuele items */
  background-color: transparent; /* Maak achtergrond transparant */
}

.club-info p {
  margin: 0 0 10px 0; /* Voeg alleen een kleine marge onder de paragrafen toe */
  font-size: 14px;
  line-height: 1.6;
  padding-bottom: 0.3rem;
}

/* Media Query for Larger Screens */
@media (min-width: 768px) {
  .club-info-container {
    text-align: left;
    margin: 0 auto;
  }

  .club-info p {
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto; /* Center the text on larger screens */
  }
}