/* =========================================================
   Header background image
   ========================================================= */

.site-header {
    position: relative !important;
    background-image:
        linear-gradient(
            rgba(238, 245, 244, 0.45),
            rgba(238, 245, 244, 0.45)
        ),
        url('../images/hero/md_home_header_background.png') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Do not cover the header image with another background */
.site-header .header-top {
    background: transparent !important;
}

/* Keep the navigation separate */
.site-header .main-navigation {
    background: rgba(231, 239, 239, 0.96) !important;
}

/* Keep logo and controls clearly visible */
.site-header .header-brand,
.site-header .header-tools {
    position: relative !important;
    z-index: 2 !important;
}