.wrapper {
  position: relative;

  .row.flex {
    display: flex;
  }

  &.full-width {
    width: 100%;
    max-width: 100%;

    &.indented {
      padding: 0 10%;
    }
  }

  &.overlapping {
    margin-top: -200px;
  }
}

@media only screen and (max-width: $breakpoint_medium) {
  .wrapper {
    .row.flex {
      display: block;

      .box {
        margin-left: 0;
      }
    }
  }
}