#contact {
  header {
    @include vendor('order', '1');

    p {
      color: inherit;
    }
  }

  .actions {
    @include vendor('order', '2');
    width: 30%;
  }

  @include breakpoint(medium) {
    display: block;
    text-align: center;

    header {
      padding-right: 0;
      width: 100%;
    }

    .actions {
      margin-left: auto;
      margin-right: auto;
      max-width: 20em;
      width: 100%;
    }
  }

  @include breakpoint(small) {
    .actions {
      max-width: none;
    }
  }
}
