/* responsive-columns.css */

/* On smaller screens, allow columns to wrap more naturally */
@media (max-width: 768px) {
  .row {
    flex-wrap: wrap;
  }

  /* Fractional columns adapt gracefully */
  .column[class*="column-"] {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 200px; /* prevent columns from getting too tiny */
  }
}

/*
/* responsive-columns.css */

/* Force all fractional columns to take full width on small screens, the above replaces this dynamically /
@media (max-width: 768px) {
  .column.column-10,
  .column.column-20,
  .column.column-25,
  .column.column-33,
  .column.column-40,
  .column.column-50,
  .column.column-60,
  .column.column-66,
  .column.column-75,
  .column.column-80,
  .column.column-90 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
*/