/* Container Video Background Styles */

/* Pienet näytöt - Alkaen 320px */
@media only screen and (min-width: 320px) {
    .gb-container.video-bg-initialized {
        position: relative;
        overflow: hidden;
    }

    /* Wrapper */
    .gb-container .video-background-wrapper, 
    .is-root-container .gb-container .video-background-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 0;
    }
    /*Black opacity*/
    .gb-container .video-background-wrapper:after{
        display: block;
        content: '';
        position: absolute;
        width:100%;
        height:100%;
        background:rgba(0, 0 ,0, 0.25);
        left:0px;
        top:0px;
    }
    /* Iframe ja video */
    .gb-container .video-background-wrapper iframe,
    .gb-container .video-background-wrapper video, 
    .is-root-container .gb-container .video-background-wrapper iframe,
    .is-root-container .gb-container .video-background-wrapper video,
    .is-root-container .gb-container .video-background-wrapper img{
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 0;
        pointer-events: none;
        max-width: none;
    }
    /*Image*/
    .is-root-container .video-background-wrapper div {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }


}

/* Pienet tabletit - Alkaen 540px */
@media only screen and (min-width: 540px) {
    /* Lisää tyylimäärityksiä vain, jos eroaa 320px:stä */
}

/* Tabletit - Alkaen 768px */
@media only screen and (min-width: 768px) {
    /* Lisää tyylimäärityksiä vain, jos eroaa 320px:stä */
}

/* Pienet työpöydät - Alkaen 990px */
@media only screen and (min-width: 990px) {
    /* Lisää tyylimäärityksiä vain, jos eroaa 320px:stä */
}

/* Suuret työpöydät - Alkaen 1280px */
@media only screen and (min-width: 1280px) {
    /* Lisää tyylimäärityksiä vain, jos eroaa 320px:stä */
}