.two-column__layout,
.two-column__section--top,
.two-column__wrapper,
.two-column__section--middle,
.two-column__section--bottom {
  width: 100%; }

.two-column__wrapper {
  display: block; }
  @media (min-width: 48em) {
    .two-column__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; } }
  .two-column__wrapper .two-column__section {
    width: 100%; }
    @media (min-width: 48em) {
      .two-column__wrapper .two-column__section {
        width: 50%; } }

@media (min-width: 48em) {
  .two-column__section--left {
    padding-right: 0.8rem; } }

@media (min-width: 48em) {
  .two-column__section--right {
    padding-left: 0.8rem; } }