.elementor-28672 .elementor-element.elementor-element-ca2e441:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-28672 .elementor-element.elementor-element-ca2e441 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#881812;}.elementor-28672 .elementor-element.elementor-element-ca2e441 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-28672 .elementor-element.elementor-element-ca2e441 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28672 .elementor-element.elementor-element-5e45d49{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;column-gap:0px;}.elementor-28672 .elementor-element.elementor-element-5e45d49 > .elementor-widget-container{margin:0% 0% 0% 0%;}@media(min-width:768px){.elementor-28672 .elementor-element.elementor-element-ca2e441{width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-5e45d49 */*{
    margin:0;
}

#container{
    display:flex; 
    flex-direction: column; 
    height: 100vh; 
    align-items: center; 
    text-align:left; 
    background-color:#881812;
    justify-content: space-around;
}

#titolo{
    display:flex; 
    flex-direction: column; 
    align-items: center;
    width:100%; 
    text-align:left; 
}

#titolo h2{
    color: white;
    font-style: italic;
}

#titolo h1{
    padding-top:8vh;
    color:white;
}

#countdown{
    text-align:center;
}

#countdown img{
    height:10vh;
    width:auto;
}

#player video{
    height:50vh; 
    width:auto;
}

#social{
    display:flex;
    flex-direction:row;
    justify-content: center;
    max-width:100vw; 
    width:100%;
    gap:5px;
}

#social a{
    color: white; 
    font-size:1em;
}

@media screen and (min-width:1025px){
    #player{
        max-width:50vw; 
        
    }
    
    #player video{
        width:100%; 
        
    }
    #titolo h1{
        font-size:5vh;
    }
    #titolo h2{
        font-size:6vh;
    }
}

@media screen and (max-width:1024px) and (min-width:768px){
    #player{
        max-width:70vw; 
        
    }
    
    #player video{
        width:100%; 
        
    }
    #titolo h1{
        font-size:4vh;
    }
    
    #titolo h2{
        font-size:5.5vh;
    }
}

@media screen and (max-width:767px){
    #player{
        max-width:80vw; 
        
    }
    
    #player video{
        width:100%; 
        
    }
    
    #titolo h1{
        font-size:3.5vh;
    }
    
    #titolo h2{
        font-size:5vh;
    }
}/* End custom CSS */