@media (max-width: 991px) {
  .container-hero { padding-bottom: 0 !important; }  
  
  .hero .container {
    padding: 0 !important;
  }

  .hero .intro-holder { 
    //padding: 0 !important;
  }

  .hero .intro-col {
    //border-radius: 0 !important;  
    margin-top: 0 !important;
    padding-left: 5rem !important;
    padding-bottom: 2rem !important;
    width: 100%;
  }
  .content-row { margin-top: 0 !important; }
}

@media (min-width: 992px) {
  .container-hero .hero {
      max-height: 120px;
  }
  .container-hero .hero-image {
      margin-top: -20px;
  }
  .hero-image img {
      margin-right: -8rem;
  }
  .container-hero .intro-holder {
      margin-left: -5rem;
  }
  .container-hero .intro-col {
      aspect-ratio: 1 / 1;
      margin-top: -14rem;
      padding-left: 4rem;
      padding-right: 2rem;
  }  
}

@media (min-width: 1200px) {
  .container-hero .hero {
      max-height: 120px;
  }
  .container-hero .hero-image {
      margin-top: -20px;
  }
  .hero-image img {
      margin-right: -8rem;
  }
  .container-hero .intro-holder {
      margin-left: -5rem;
  }
  .container-hero .intro-col {
      aspect-ratio: 1 / 1;
      margin-top: -16rem;
      padding-left: 10rem;
      padding-right: 2rem;
  }  
}

@media (min-width: 1400px) {
  .container-hero .hero {
      max-height: 120px;
  }
  .container-hero .hero-image {
      margin-top: -20px;
  }
  .hero-image img {
      margin-right: -8rem;
  }
  .container-hero .intro-holder {
      margin-left: -5rem;
  }
  .container-hero .intro-col {
      aspect-ratio: 1 / 1;
      margin-top: -20rem;
      padding-left: 8rem;
      padding-right: 2rem;
  }  
  .container-hero .circle-second {
      top: 280px;
  }  
}

.hero-image img {
    position: absolute;
    top: 0;
    right: 0;
}