.site-content {
  background-color: #24272e;
}

/*  ABOUT HERO CONTENT */
.about-hero-content {
  background: #24272e url("../img/ox_page_hero_bg.webp") no-repeat center top;
  background-size: 1920px 945px;
  min-height: 945px;
  position: relative;
  z-index: 5;
}

.page-title-block {
  padding-top: 146px;
  padding-bottom: 198px;
}

.page-title-block h1 {
  font-size: 112px;
  font-weight: 700;
  line-height: 82px;
}

.page-info-content {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #E1E2E9;
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.page-info-content p {
  margin-bottom: 30px;
}

.page-info-content h4 {
  font-size: 1.25rem;
  margin-bottom: 0;
}

.about-info-hiring {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #E1E2E9;
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 55px;
}

.about-info-hiring img {
  margin-left: 20px;
  margin-right: 20px;
}

/* About Page Content */
.about-page-content {
  padding-bottom: 595px;
  background: url("../img/ox_page_about_bg.webp") no-repeat center bottom;
  background-size: 1920px 812px;
}

/* User Types fix for about page */
.user-types {
  margin-top: -210px;
}

.ut-bg-overlay-top {
  background: transparent;
}

/* RESPONSIVE */
@media screen and (max-width: 1500px) {

  .ut-bg-img {
    -webkit-clip-path: polygon(0 0, 100% 130px, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 130px, 100% 100%, 0% 100%);
    margin-top: 10px;
  }

  .ut-bg-overlay-top-inner {
    height: 236px;
  }

}

@media screen and (max-width: 1300px) {

  .page-info-content {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
  }

}

@media screen and (max-width: 1200px) {

  .ut-bg-img {
    -webkit-clip-path: polygon(0 0, 100% 104px, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 104px, 100% 100%, 0% 100%);
    margin-top: 30px;
  }

}

@media screen and (max-width: 991px) {

  .page-title-block h1 {
    font-size: 5.625rem;
    line-height: .8;
  }

  .about-info-hiring img {
    display: block;
    margin: 20px auto;
  }

  .about-page-content {
    padding-bottom: 515px;
  }

  .ut-bg-img {
    -webkit-clip-path: polygon(0 0, 100% 70px, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 70px, 100% 100%, 0% 100%);
    margin-top: 50px;
  }

}

@media screen and (max-width: 767px) {

  .page-title-block h1 {
    font-size: 4.375rem;
  }

  .page-info-content {
    font-size: 1rem;
  }

  .page-info-content p {
    margin-bottom: 20px;
  }

  .about-info-hiring {
    padding-top: 15px;
    font-size: 1rem;
  }

  .ut-bg-img {
    -webkit-clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%);
  }
}

@media screen and (max-width: 500px) {

  .page-title-block h1 {
    font-size: 3.125rem;
  }

  .page-info-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .about-info-hiring {
    padding-left: 10px;
    padding-right: 10px;
  }

}

@media screen and (max-width: 479px) {

  .page-title-block h1 {
    font-size: 2.8125rem;
  }

  .ut-bg-img {
    -webkit-clip-path: polygon(0 0, 100% 34px, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 34px, 100% 100%, 0% 100%);
    margin-top: 70px;
  }

}

@media screen and (max-width: 374px) {

  .page-title-block h1 {
    font-size: 2.5rem;
  }

}