.horizontal-split {
  display       : flex;
  flex-direction : row;
  justify-content: space-between;

  .column {
    width: 50%;
  }
};



@media (max-width: $break-point-tablet) {

  .horizontal-split {
    display       : flex;
    flex-direction : column;
    justify-content: space-between;

    .column {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: $secondary-padding;
    }
  };

}