.hero-2 {
  --hero2Height: 515px;
}
.hero-2__content .title__main {
  font-size: var(--font-size-1-var);
}
.hero-2__image {
  margin-top: var(--spacing);
}
.hero-2__image picture img {
  max-height: unset;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 992px) {
  .hero-2 {
    max-height: var(--hero2Height);
    height: auto;
  }
  .hero-2 > .container {
    height: 100%;
    display: -webkit-flex;
    display: flex;
  }
  .hero-2__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: auto;
    width: 100%;
    padding-right: var(--spacing);
  }
  .hero-2__image {
    margin-top: 0;
    height: 100%;
    width: 50vw;
    padding-left: var(--spacing);
    padding-top: 0;
    max-height: var(--hero2Height);
  }
  .hero-2__image picture img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    max-height: var(--hero2Height);
  }
  .hero-2__content, .hero-2__image {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 1200px) {
  .hero-2 {
    --hero2Height: 525px;
  }
  .hero-2__content {
    -webkit-flex-basis: 41.666%;
    flex-basis: 41.666%;
  }
  .hero-2__image {
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
  }
}
@media (min-width: 1500px) {
  .hero-2 {
    --height2Height: 700px;
    max-height: calc(100vh - var(--header-height));
  }
  .hero-2 > .container {
    -webkit-align-items: center;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .hero-2__image picture {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}