/* This is for the index page full image and intro, DF Approved */
.intro {
    position: relative;
    background: url('/img/index/img_main.jpg') no-repeat center center;
    background-size: cover;
    height: calc(100vh - var(--menuHeight));
}

/* This is for the index page for full image gray overlay, DF Approved */
.intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50, 50, 50, 0.5);
    /* Tmavě šedý překryv s průhledností */
    z-index: 1;
}

/* This is for the index page for Tabor Sopka text under the image, DF Approved */
.intro h2 {
    font-size: 6rem;
    letter-spacing: 0.2rem;
    margin-top: -55px;
    position: relative;
}

hr {
    border: 3px solid #000000;
    margin-top: auto;
}

/* All media breakpoints ala bootstrap */
@media only screen and (max-width: 768px) {

    /* This is for the index page for Tabor Sopka text under the image, DF Approved */

    .intro h2 {
        font-size: 3.6rem;
    }

}