:root {
    --primary: #0e7eaf; /* Blue */
    --primary-dark: #0d6287;
    --primary-light: #80c7e7;
    --primary-rgb: 14, 126, 175;
    --primary-dark-rgb: 13,98,135;
    --primary-gradient: linear-gradient(to right, var(--primary-dark), var(--primary), var(--primary-light));
    --secondary: #338808; /* Green */
    --coachmen-grey: #eaebeb;
    --font: #000;
    --menu-bg: #FFF;
    --header-icons: var(--primary);
    --alt-color-1: var(--secondary);
    --alt-color-2: var(--primary);
    --alt-color-3: var(--primary);
    --alt-color-4: var(--secondary);
    --grey: var(--coachmen-grey);
}

#videoIntro {
    position: relative;
    width: 100%;
}

#videoIntroBlock {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#videoIntroMessage {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 0;
    text-shadow: 2px 2px 2px #000000;
    color: white;
    z-index: 10;
}

#videoIntro video {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.videoIntroClick {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.videoIntroClick img {
    width: 10%;
}

    .videoIntroClick span {
        background-color: rgba(0,0,0,.6);
        border-radius: 4px;
        margin: 0 auto;
        width: max-content;
        padding: 0.25em .5em;
        display: block;
    }

.welcome-area img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .videoIntroClick img {
        width: 25%;
    }
}