/* Universal breakpoints */
.half-split-offset {
  margin: 40px auto;
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .half-split-offset {
      margin: 100px auto;
      margin-bottom: 80px;
      flex-direction: row;
      height: 640px; }
      .half-split-offset.reverse {
        flex-direction: row-reverse; } }
  .half-split-offset .a {
    background-size: cover;
    background-position: 50% 0%;
    height: 80vw;
    min-height: 350px;
    max-height: 500px; }
    @media (max-width: 991px) {
      .half-split-offset .a {
        border-radius: 0 !important; } }
    @media (min-width: 992px) {
      .half-split-offset .a {
        flex: 1;
        height: 600px;
        max-height: 600px;
        margin-bottom: 40px; } }
  .half-split-offset .b {
    height: 600px;
    flex: 1;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 32px; }
    @media (min-width: 992px) {
      .half-split-offset .b {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 40px; } }
    .half-split-offset .b h2 {
      margin-top: 0;
      margin-bottom: 25px;
      font-size: 24px;
      color: #1f2026; }
      @media (min-width: 992px) {
        .half-split-offset .b h2 {
          font-size: 42px; } }
    .half-split-offset .b p,
    .half-split-offset .b ul {
      font-size: 18px;
      line-height: 24px;
      margin: 0;
      color: #3b3d49;
      font-weight: 500; }
    .half-split-offset .b p {
      text-align: left;
      margin-bottom: 30px; }
    .half-split-offset .b ul {
      margin-bottom: 50px; }
    .half-split-offset .b a.button-white {
      font-size: 20px;
      padding: 16px 48px;
      width: 100%;
      border: 2px solid #3b3d49;
      box-sizing: border-box; }
      @media (min-width: 992px) {
        .half-split-offset .b a.button-white {
          width: -moz-fit-content;
          width: fit-content; } }