/* v1.6.2 decorative transparent masthead banner */
.mg-masthead,
.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.mg-banner-art {
    position: absolute;
    z-index: 1;
    top: 78px;
    left: 52%;
    width: min(1200px, 96vw);
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    opacity: .18;
    pointer-events: none;
    user-select: none;
    filter: saturate(.92) contrast(.92);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.92) 0%, rgba(0,0,0,.62) 56%, transparent 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.92) 0%, rgba(0,0,0,.62) 56%, transparent 100%);
}

.mg-masthead .masthead-inner,
.mg-masthead > .container,
.hero > .container {
    position: relative;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .mg-banner-art {
        top: 72px;
        left: 58%;
        width: 1100px;
        opacity: .13;
    }
}

@media (max-width: 575.98px) {
    .mg-banner-art {
        top: 68px;
        left: 65%;
        width: 900px;
        opacity: .10;
    }
}