/* Image */
.ut-hero.hero--photo-orange-insert .hero-img {
  background-size: cover;
  height: 300px;
}
@media screen and (min-width: 900px) {
  .ut-hero.hero--photo-orange-insert .hero-img {
    height: 543px;
  }
}
.ut-hero .center {
  background-position: center;
}
.ut-hero .left {
  background-position: left;
}
.ut-hero .right {
  background-position: right;
}

/* Text */
.ut-hero.hero--photo-orange-insert .hero-content {
  background: #bf5700;
  height: auto;
  margin: auto;
  max-width: 73.75em;
  padding: .75rem 1rem;
}
@media screen and (min-width: 1200px) {
  .ut-hero.hero--photo-orange-insert .hero-content {
    right: calc((100% - 72.75rem) / 2);
    width: 443px;
  }
}
@media screen and (min-width: 900px) {
  .ut-hero.hero--photo-orange-insert .hero-content {
    align-self: center;
    background: #bf5700;
    background: rgba(157, 71, 0, 0.85);
    height: 80%;
    padding: 2rem;
    position: absolute;
    right: 1rem;
    top: 10%;
    width: 44%;
  }
}

.ut-hero.hero--photo-orange-insert .hero-callout {
  color: #fff;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  .ut-hero.hero--photo-orange-insert .hero-callout {
    height: 100%;
  }
}

.ut-hero .ut-btn--hero {
  background: transparent;
  color: #fff;
  display: inline-block;
  padding: .5rem 1rem;
}
.ut-hero.hero--photo-orange-insert .hero-cta {
  margin-top: auto;
}
.ut-hero.hero--photo-orange-insert .hero-cta .ut-btn {
  border: 1px solid #fff;
}
.ut-hero.hero--photo-orange-insert .ut-btn--hero {
  float: none;
}
@media screen and (min-width: 900px) {
  .ut-hero.hero--photo-orange-insert .ut-btn--hero {
    float: right;
  }
}