.site-header {
    padding-top: .75em;
    border-bottom: 13px solid transparent;
    border-image: url(/images/decorative/slanted-pinstripes.png) 13 5 repeat;
    padding-bottom: 1.25em;
}
.has-banner .site-header {
   /* margin-bottom: -13px; To make slanted pinstripes overlay banner */
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 20em) {
    .site-header .title {
        font-size: 2.25rem;
    }
}
@media screen and (min-width: 40em) {
    .site-header .title {
        font-size: inherit;
    }
}
@media screen and (max-width: 64em) {
    .site-header {
        padding-top: 1em;
        padding-bottom: .5em;
    }
    .no-banner .site-header {
        margin-bottom: 1.25em;
    }
    .no-banner .text-image {
        margin-top: -1.25em;
    }
}