/*
 * Small responsive background files keep decorative artwork from competing
 * with the page's text and controls on slower mobile connections.
 */
body {
    background-image: url("../../assets/img/body-bg-900.jpg");
}

.home-page {
    background-image: url("../../assets/img/body-bg-900.jpg");
}

.home-hero {
    background-image: url("../../assets/img/home-hero-bg-1600.jpg");
}

@media (max-width: 600px) {
    body,
    .home-page {
        background-image: url("../../assets/img/body-bg-mobile.jpg");
    }

    .home-hero {
        background-image: url("../../assets/img/home-hero-bg-mobile.jpg");
    }
}