@media (min-width: 861px) {
  .hero-title {
    z-index: 3;
    text-shadow: 0 0 18px rgba(255, 255, 255, .9);
  }

  .hero-character {
    right: -58px;
    bottom: 15px;
    width: 72%;
  }
}

@media (max-width: 860px) {
  .mobile-head .brand-rise {
    color: var(--navy);
  }
}

@media (max-width: 560px) {
  .hero-title {
    font-size: 46px;
    letter-spacing: -.075em;
  }

  .hero-character .speech {
    display: none;
  }
}