.paragraph--type-hero.paragraph--view-mode-full {
  margin-top: 30px;
  margin-bottom: 30px;
}
.paragraph--type-hero.paragraph--view-mode-full.component--with-image {
  margin-top: 0;
  margin-bottom: 0;
}

  .paragraph--type-hero.paragraph--view-mode-full .field--name-field-hero-image {
    overflow: hidden;
  }

    .paragraph--type-hero.paragraph--view-mode-full img {
      width: unset;
      max-width: unset;
      height: 300px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
    @media (min-width: 768px) {
      .paragraph--type-hero.paragraph--view-mode-full img {
        width: 100%;
        max-width: 100%;
        height: auto;
      }
    }

  .paragraph--type-hero.paragraph--view-mode-full h1 {
    font-size: 50px;
    line-height: 0.95;
    padding-bottom: 12px;
    border-bottom: 1px #060606 solid;
    margin: 0;
    display: block;
  }
  .paragraph--type-hero.paragraph--view-mode-full.component--text-black h1 {
    color: #060606;
  }
  .paragraph--type-hero.paragraph--view-mode-full.component--text-white h1 {
    color: #ffffff;
  }
  @media (min-width: 1220px) {
    .paragraph--type-hero.paragraph--view-mode-full h1 {
      font-size: 60px;
    }
  }
  .paragraph--type-hero.paragraph--view-mode-full.component--with-image h1 {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .paragraph--type-hero.paragraph--view-mode-full.component--with-image .body-wrap {
    padding: 8px 20px 8px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #000;
  }
  .paragraph--type-hero.paragraph--view-mode-full.component--with-image.component--hero-hide-box .body-wrap {
    background-color: transparent;
  }
  @media (min-width: 768px) {
    .paragraph--type-hero.paragraph--view-mode-full.component--with-image .body-wrap {
      left: auto;
      border-left: 50vw solid #000;
      transform: translateX(-50vw);
      padding: 8px 1.2em 8px 0;
    }
    .paragraph--type-hero.paragraph--view-mode-full.component--with-image.component--hero-hide-box .body-wrap {
      border-left-color: transparent;
    }
  }