.paragraph--type--hero-banner {
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 40%;

}

.paragraph--type--hero-banner.has-bg-image .hero-banner-text {
  max-width: 66%;
}

@media screen and (max-width: 479px) {
  .paragraph--type--hero-banner.has-bg-image .hero-banner-text {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .paragraph--type--hero-banner {
    background-size: auto 300px;
  }
}

.paragraph--type--hero-banner.has-paragraphs,

.heroblock {
  background-image: none;
}

.actionhero.minimal,
.heroblock.minimal {
  padding: 70px 0px;
}

@media screen and (max-width: 479px) {

  .actionhero.minimal,
  .heroblock.minimal {
    padding: 70px 0px 10px 0px;
  }

}

@media screen and (min-width: 478px) {
  .heroblock.has-paragraphs {
    padding-bottom: 100px;
  }
  .has-bg-image.heroblock.has-paragraphs {
    padding-bottom: 250px;
  }
}