@media screen and (max-width: 768px) {

    .logo{

        width: 80vw; 
        height: auto;
    
      }
    
      .subtitle{
        /*width: 20vw; */
        height: auto; 
      }

      .video-container video {
        width: auto;       /* Largeur automatique */
        height: 100%;      /* Hauteur complète */
        object-fit: cover; /* Remplit la hauteur sans déformation */
        transform: translate(-50%, -50%);
      }


  }
  
  @media screen and (max-width: 480px) {
  
    .logo {

        width: 80vw;
        height: auto; 
    
      }
    
      .subtitle {
        width: 80vw; 
        font-size: 14px;

        height: auto;
      }

    

    video {
        width:100%;
        height:auto;
        overflow: hidden;
      }

      footer {
        margin-bottom: 24px;
      }

      .cursor{
        display: nonef;
      }

      .player_showreel{
      width:100vw;
      
      }

      .cursor{
        display: none;
      }

      .intro_reel {
        margin-top: 10px;
 
      }
}