/* Custom CSS for DNO Media Group */
.font-birthstone {
  font-family: 'Birthstone', cursive;
}
.font-changa {
  font-family: 'Changa', sans-serif;
}
.font-courgette {
  font-family: 'Courgette', cursive;
}
.font-euphoria {
  font-family: 'Euphoria Script', cursive;
}
.font-great {
  font-family: 'Great Vibes', cursive;
}
.font-kaushan {
  font-family: 'Kaushan Script', cursive;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Center flex items on the line */
  gap: 20px; /* Adds space between flex items */
}

.flex-item {
  flex: 1; /* Each flex item will grow evenly */
  padding: 10px; /* Add some padding */
  margin: 10px; /* Adds margin to ensure spacing around items */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds shadow to each item */
  border-radius: 10px; /* Optional: Rounds the corners of the shadow boxes */
  max-width: calc(50% - 20px); /* Ensures no item is wider than half the container width minus gap */
  min-width: 200px; /* Ensures a minimum width for smaller screens/devices */
}

.column {
  flex: 1;
  min-width: 200px;
}

@media (max-width: 600px) {
  .flex-item {
    flex-basis: 100%; /* Makes each item take full width on smaller screens */
    max-width: calc(100% - 20px); /* Adjusts max width for single column layout */
  }
}

/* Additional styles can be added below as needed */