#header.floating + .page-content.career-view {
  .row.career-title {
    padding-bottom: 0;
    background-color: $header-color;
    color: setTextColor($header-color);
  }
  .row.career-view {
    padding-top: calculateRem(30);
  }
}

.career-view-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  .career-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;

    width: 100%;

    .title {
      width: 45vw;
      max-width: calculateRem(1200);
    }
  }
  .career-view {
    @include breakpoint(tablet) {
      width: 45vw;
      max-width: calculateRem(1200);
    }
    padding-top: 0;
    padding-right: 0;
    padding-bottom: calculateRem(50);
    padding-left: 0;

    .career {
      .header {
        .subtitle {
          .category-job-type {
            display: flex;
            flex-flow: row nowrap;
          }
        }
      }

      .content {
        margin-top: calculateRem(30);

        .apply-button-container {
          margin-top: calculateRem(30);
        }
      }
    }
  }
}
