@media (min-width: 991.99px) {
  .hero-section h1 {
    padding: 18rem 8rem;
    font-size: 55px;
    line-height: 55px;
  }
  .competitive_advantages-section {
    padding-top: 18rem;
  }
  .competitive_advantages-section h2 {
    margin-bottom: 80px;
    font-size: 54px;
  }
  .competitive_advantages-section .box {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: repeat(2, 1fr);
  }
  .competitive_advantages-section .box .is-desk {
    display: block;
  }
  .competitive_advantages-section .box .left-side {
    grid-area: 1/1/6/2;
  }
  .competitive_advantages-section .box .left-side > div {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .competitive_advantages-section .box .right-side {
    height: 100vh;
    position: sticky;
    top: 0;
  }
  .competitive_advantages-section .box .right-side > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: hidden;
    transition: visibility 1.55s, opacity 1.55s;
    opacity: 0;
  }
  .competitive_advantages-section .box .right-side > div.active {
    visibility: visible;
    opacity: 1;
  }
  .about-us-section .content {
    padding-right: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .about-us-section h2 {
    margin-top: 0;
  }
  .about-us-section img {
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .wide-section img {
    height: 90vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .wide-section .content {
    margin: 0 auto 80px;
  }
}
@media (min-width: 1200px) {
  .hero-section h1 {
    padding: 18rem 15rem;
  }
}