/*desktop*/
@media only screen and (min-width: 1401px) {

   video { 
      width: 100%;
      height: auto;
      z-index: -100;
    background-size: cover;
    transition: 1s opacity;
  }

  video { 
   width: 100%;
   height: auto;
   z-index: -100;
 background-size: cover;
 transition: 1s opacity;
}
  .stopfade { 
     opacity:1;
  }

}

/*laptop*/
@media only screen and (min-width: 769px) and (max-width: 1400px) {

   video { 
      width: 100%;
      height: 100vh;
      z-index: -100;
      background-size: cover;
      transition: 1s opacity;
  }
  .stopfade { 
     opacity:1;
  }

}


/*mobil*/
@media only screen and (min-width: 320px) and (max-width: 768px) {

   video { 
      width: 100%;
      padding: 0px !important;
      height: auto;
      z-index: -100;
      background-size: cover;
    transition: 1s opacity;
  }
  .stopfade { 
     opacity:1;
  }

}