.sfgov-container-two-column, .sfgov-container-three-column {

flex-direction: column;
display: flex;
flex-wrap: wrap;
@media screen and (min-width: $mq-narrow) {
  flex-direction: row;
}
> div {
  width: 100%;
  margin-bottom: $rhythm;
  @media screen and (min-width: $mq-narrow) {
    display: flex;
    align-items: stretch;
    > * {
      margin-right: $rhythm * 2;
      width: 100%;
    }
  }
}

}

@media screen and (min-width: $mq-narrow) {

.sfgov-container-two-column > div {
  width: 50%;
  &:nth-child(2n+2) > * {
    margin-right: 0;
  }
}

.sfgov-container-three-column > div {
  width: 33.33%;
  &:nth-child(3n+3) > * {
    margin-right: 0;
  }
}

}