.header-block-full, .header-block-half {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header-block-full, .header-block-half {
    position: relative;
    margin-bottom: -1px;
}

.hero-overlay {
    position: absolute;
    inset: 0 0 -1px 0;
    height: calc(100% + 1px);
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(
            to bottom,
            rgba(30, 30, 30, 0) 0%,
            rgba(30, 30, 30, 0.50) 60%,
            rgba(30, 30, 30, 1) 100%
    );
}

.header-block-full .container,
.header-block-half .container {
    position: relative;
    z-index: 1;
}

.header-block-full {
    padding-top: 40vh;
    height: 88%;
    background-attachment: fixed;
}

.header-block-half {
    padding-top: 11vh;
    height: 25%;
}
.index                  { background-image: url('/assets/img/page-type/index-large.webp') }
.about                  { background-image: url('/assets/img/page-type/about-large.webp') }
.about-me               { background-image: url('/assets/img/page-type/tamara-large.webp') }
.awards                 { background-image: url('/assets/img/page-type/awards-large.webp') }
.band                   { background-image: url('/assets/img/page-type/band-large.webp') }
.books                  { background-image: url('/assets/img/page-type/books-large.webp') }
.charity                { background-image: url('/assets/img/page-type/charity-large.webp') }
.discography            { background-image: url('/assets/img/page-type/discography-large.webp') }
.family                 { background-image: url('/assets/img/page-type/family-large.webp') }
.login                  { background-image: url('/assets/img/page-type/inner-sanctum-large.webp') }
.logo                   { background-image: url('/assets/img/page-type/logo-large.webp') }
.management             { background-image: url('/assets/img/page-type/management-large.webp') }
.not-found              { background-image: url('/assets/img/page-type/not-found-large.webp') }
.people                 { background-image: url('/assets/img/page-type/people-large.webp') }
.performances           { background-image: url('/assets/img/page-type/tours-large.webp') }
.sponsors               { background-image: url('/assets/img/page-type/sponsors-large.webp') }
.tattoos                { background-image: url('/assets/img/page-type/tattoos-large.webp') }
.tourist                { background-image: url('/assets/img/page-type/tourist-trail-large.webp') }
.tracks                 { background-image: url('/assets/img/page-type/tracks-large.webp') }

@media (max-width:960px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .index                  { background-image: url('/assets/img/page-type/index-medium.webp') }
    .about                  { background-image: url('/assets/img/page-type/about-medium.webp') }
    .about-me               { background-image: url('/assets/img/page-type/tamara-medium.webp') }
    .awards                 { background-image: url('/assets/img/page-type/awards-medium.webp') }
    .band                   { background-image: url('/assets/img/page-type/band-medium.webp') }
    .books                  { background-image: url('/assets/img/page-type/books-medium.webp') }
    .charity                { background-image: url('/assets/img/page-type/charity-medium.webp') }
    .discography            { background-image: url('/assets/img/page-type/discography-medium.webp') }
    .family                 { background-image: url('/assets/img/page-type/family-medium.webp') }
    .login                  { background-image: url('/assets/img/page-type/inner-sanctum-medium.webp') }
    .logo                   { background-image: url('/assets/img/page-type/logo-medium.webp') }
    .management             { background-image: url('/assets/img/page-type/management-medium.webp') }
    .not-found              { background-image: url('/assets/img/page-type/not-found-medium.webp') }
    .people                 { background-image: url('/assets/img/page-type/people-medium.webp') }
    .performances           { background-image: url('/assets/img/page-type/tours-medium.webp') }
    .sponsors               { background-image: url('/assets/img/page-type/sponsors-medium.webp') }
    .tattoos                { background-image: url('/assets/img/page-type/tattoos-medium.webp') }
    .tourist                { background-image: url('/assets/img/page-type/tourist-trail-medium.webp') }
    .tracks                 { background-image: url('/assets/img/page-type/tracks-medium.webp') }

}
@media (max-width:480px) {
    /* smart phones, iPhone, portrait 480x320 phones */
    .index                  { background-image: url('/assets/img/page-type/index-small.webp') }
    .about                  { background-image: url('/assets/img/page-type/about-small.webp') }
    .about-me               { background-image: url('/assets/img/page-type/tamara-small.webp') }
    .awards                 { background-image: url('/assets/img/page-type/awards-small.webp') }
    .band                   { background-image: url('/assets/img/page-type/band-small.webp') }
    .books                  { background-image: url('/assets/img/page-type/books-small.webp') }
    .charity                { background-image: url('/assets/img/page-type/charity-small.webp') }
    .discography            { background-image: url('/assets/img/page-type/discography-small.webp') }
    .family                 { background-image: url('/assets/img/page-type/family-small.webp') }
    .login                  { background-image: url('/assets/img/page-type/inner-sanctum-small.webp') }
    .logo                   { background-image: url('/assets/img/page-type/logo-small.webp') }
    .management             { background-image: url('/assets/img/page-type/management-small.webp') }
    .not-found              { background-image: url('/assets/img/page-type/not-found-small.webp') }
    .people                 { background-image: url('/assets/img/page-type/people-small.webp') }
    .performances           { background-image: url('/assets/img/page-type/tours-small.webp') }
    .sponsors               { background-image: url('/assets/img/page-type/sponsors-small.webp') }
    .tattoos                { background-image: url('/assets/img/page-type/tattoos-small.webp') }
    .tourist                { background-image: url('/assets/img/page-type/tourist-trail-small.webp') }
    .tracks                 { background-image: url('/assets/img/page-type/tracks-small.webp') }
}