/* Banner with separate desktop and phone images (see partials/hero.blade.php). Phones match the theme's full-height banner. */
html body #page-content #flexslider ul li.hero-responsive { background-image: var(--hero-desktop); }
@media screen and (max-width: 480px) {
    html body #page-content #flexslider ul li.hero-responsive { background-image: var(--hero-mobile); }
}