/* Custom media query for two-column/row layout at 1600px breakpoint */

.custom-responsive-row {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

.custom-responsive-col {
  flex: 1 1 0;
  min-width: 0; /* Prevents overflow in flex children */
}

@media (max-width: 1599px) {
  .custom-responsive-row {
    flex-direction: column;
  }
  .custom-responsive-col {
    flex: none;      /* Don't stretch vertically in column mode */
    width: 100%;     /* Take full width */
  }
}