@media (max-width: 850px) {
  body:not(.admin-shell) .christmas-copy .hero-treats {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-inline: auto;
  }
  body:not(.admin-shell) .christmas-copy .hero-treats > span {
    max-width: 100%;
    text-align: center;
  }
  body:not(.admin-shell) .christmas-copy .hero-reassurance {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    text-align: center;
  }
}