/* ============================================
   NAJJAK.COM - desktop only 90s SVG decoration
   loaded with media="(min-width:601px)"
   ============================================ */

.hdr {
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, .03) 2px, rgba(0, 0, 0, .03) 4px),
        url("hdr.svg");
    background-repeat: repeat, no-repeat;
    background-position: left top, right top;
    background-size: auto, auto 100%;
}

/* the header artwork again, drawn at half scale so the 24px bar shows
   the same cell size the 80px header does */
h2 {
    background-image:
        repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, .03) 1px, rgba(255, 255, 255, .03) 2px),
        url("hdr.svg");
    background-repeat: repeat, no-repeat;
    background-position: left top, calc(100% + 8px) center;
    background-size: auto, 96px 40px;
}