#page-career .heading .h2 {
  font-size: 1em;
}

#page-career img {
  width: 100%;
}

#page-career .img {
  margin: 0 auto;
}
#page-career .title {
  text-align: center;
}

#page-career .title .img {
  max-width: 300px;
  margin-bottom: 3em;
}

#page-career .text-center {
  text-align: center;
}

#page-career #work-ttim .text-center {
  background-image: linear-gradient(
    45deg,
    var(--color-second) -80%,
    var(--color-first) 0%,
    var(--color-second) 80%
  );
}

#page-career .grid-item {
  border-radius: var(--border-radius);
}

#page-career .background-highlight {
  background: var(--linear-gradient);
}

#page-career .grid-item-header-large .h3 {
  font-weight: 600;
}

#page-career .grid-item .h1 {
  text-transform: initial;
  font-family: "Montserrat";
  font-weight: 600;
}

#page-career .col-12 .grid-item-content {
  max-width: 768px;
  margin: 10px auto;
}

#page-career #career-list {
  margin-bottom: max(5em, 120px);
  max-width: 1160px;
}

#page-career #career-list .img {
  position: relative;
  width: min(40%, 180px);
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-career #career-list .grid-item {
  padding-top: 0;
}

#page-career #career-list .grid-item-header-large {
  display: flex;
  padding: var(--header-padding) var(--header-padding-narrow);
  align-items: center;
  flex-direction: column;
}

#page-career #career-list .h2 {
  margin-bottom: 10px;
}

#page-career #career-list p {
  margin-bottom: 15px;
  font-weight: 400;
}

#page-career #career-list img {
  margin: 0 auto;
}

@media only screen and (min-width: 769px) {
  #page-career .title .img {
    max-width: 60vh;
  }

  #page-career .col-12 .img {
    max-width: 80vh;
  }

  #page-career .grid-item-content {
    font-size: 1.5em;
  }

  #page-career .grid-item-header {
    padding-bottom: var(--header-padding-large);
  }

  #page-career .grid-item-header-large .h3 {
    margin-bottom: 20px;
  }

  #page-career #career-list .grid-item-header-large {
    justify-content: space-between;
    flex-direction: row;
    max-width: 940px;
    margin: 0 auto;
  }

  #page-career #career-list .grid-item-header-large > div:first-child {
    flex-basis: 70%;
  }

  #page-career #career-list img {
    margin: 0 0 auto auto;
  }
}

@media only screen and (max-width: 960px) {
  #page-career br {
    display: none;
  }

  #page-career .grid-container {
    width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  #page-career .title {
    padding-bottom: 3em;
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #page-career .title .img {
    margin-bottom: 5em;
  }

  body:not(.language-cn) #page-career .title h1 {
    font-size: 2em;
  }

  .language-cn #page-career .title h1 {
    font-size: 3em;
  }

  #page-career br {
    display: none;
  }

  body:not(.language-cn) #page-career .grid-item .h1 {
    max-width: 260px;
    margin: 0 auto;
  }

  #page-career .grid-item-header-large .h3 {
    margin-bottom: 15px;
  }

  #page-career .desc .grid-item-header-large {
    padding: var(--header-padding) var(--header-padding-narrow)
      var(--header-padding-narrow);
  }

  #page-career .desc .grid-item-content {
    padding: 0 var(--header-padding) var(--header-padding);
  }

  #page-career #career-list {
    margin-top: 20px;
  }

  #page-career #career-list .h2 {
    font-weight: 600;
  }

  #page-career #career-list .grid-item-header-large {
    text-align: center;
  }

  #page-career #career-list .grid-item-header-large > div:first-child {
    margin-bottom: 25px;
  }

  .language-cn #page-career #work-ttim .text-center,
  .language-cn #page-career #life-ttim .text-center {
    padding: 3em 0;
  }

  .language-cn #page-career #work-ttim .grid-item-content,
  .language-cn #page-career #life-ttim .grid-item-content {
    max-width: 250px;
    margin: 10px auto;
  }

  .language-cn #page-career .career-header div {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 540px) {
  #page-career .career-img .img {
    margin: 0 auto;
    width: 120%;
    margin-left: -10%;
  }

  #page-career .career-header .grid-item,
  #page-career .career-header .grid-item .grid-item-header {
    padding-top: 0;
  }

  #page-career #career-list .img {
    width: min(60%, 240px);
  }

  #page-career #career-list .grid-item-header-large > div:first-child {
    margin-bottom: 50px;
  }

  #page-career #career-list .grid-item-header-large {
    padding: var(--header-padding-large) 30px;
  }
}