#about .s1 .plx-bg {
  background: url(/i/about-hero.jpeg) center/cover no-repeat;
}

#about .s2 {
  position: relative;
}

#about .s2 .left {
  width: 45%;
  max-width: 660px;
}

#about .s2 h3 {
  margin-bottom: 2.25rem;
  font-size: 1.6rem;
}

#about .s2 .link-off-btn {
  margin-top: 3.75rem;
  width: max-content;
}

#about .s2 .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

#about .s2 .right img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 980px) {
  #about #container .s2 {
    padding-bottom: 0;
  }
  #about #container .s2 .contain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #about #container .s2 .contain .left {
    width: calc(100% - 2rem);
    max-width: 100%;
    margin: 0 auto 4rem;
  }
  #about #container .s2 .contain .right {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 960/900;
  }
}