/* gondole */
[id="index_logo"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 25%;
}

[id="index_logo"] svg {
    display: block;
    width:100%;
    height: auto;
}

[id="gondole"] {
    position: relative;
    overflow: hidden;
}


[id="gondole"] video {
    height: auto;
}

[id="gondole"] h1 {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-weight: 400;
    /*color: white;*/
    color : var(--sand-gold);
    margin-bottom: 40px;
    font-size: 3vw;
}

[id="gondole"] h1 span {
    font-size: 6vw;
    display: block;
    font-weight: 600;
    white-space: nowrap;
    text-shadow: -1px -1px black;
}

[id="gondole"] img,
[id="gondole"] video {
    width: 100%;
}

@media (min-width: 1024px) {
    [id="gondole"] img,
    [id="gondole"] video {
        filter: blur(10px) brightness(0.3);
        transition: filter 2000ms;
    }

    [id="gondole"]:hover img,
    [id="gondole"]:hover video {
        filter: blur(0px) brightness(1.2);
    }

}