/* custom.css — site-specific overrides layered on top of the template.
   Keep all local customizations here so the vendored template files
   (grayscale.min.css, bootstrap) stay untouched and upgradeable. */

/* Hero scrim: darken the background image so overlaid white text stays
   readable regardless of how bright the photo is. The gradient is a bit
   stronger through the vertical middle, where the headline/tagline sit. */
.masthead {
    background:
        linear-gradient(
            to bottom,
            rgba(0, 20, 0, 0.35) 0%,
            rgba(0, 20, 0, 0.55) 45%,
            rgba(0, 20, 0, 0.55) 65%,
            rgba(0, 20, 0, 0.35) 100%
        ),
        url(../img/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: #002500;
    background-size: cover;
}