@media (max-width: 767px) {
  .two-columns {
    display: flex;
    flex-wrap: wrap;
  }
  .two-columns > * {
    width: 100%;
  }
}

/* Add some spacing between columns on larger screens */
@media (min-width: 768px) {
  .two-columns {
    display: flex;
  }
  .two-columns > * {
    flex: 1;
    margin-right: 20px;
  }
  .two-columns > *:last-child {
    margin-right: 0;
  }
}