.header {
  width: 100vw;
  height: 100vh;
}

.header.movil {
  display: none;
}

.body {
  background-color: #000;
}

.background-video {
  height: 100vh;
}

@media screen and (max-width: 991px) {
  .header.escritorio {
    display: none;
  }

  .header.movil {
    display: block;
  }

  .background-video {
    height: 70vh;
  }

  .background-video.movil {
    height: 100vh;
  }
}

@media screen and (max-width: 767px) {
  .header.escritorio {
    display: none;
  }

  .header.movil {
    display: block;
  }

  .background-video {
    height: 70vh;
  }
}

@media screen and (max-width: 479px) {
  .header.escritorio {
    display: none;
  }

  .header.movil {
    display: block;
  }

  .background-video {
    width: auto;
    height: 100vh;
  }

  .background-video.movil {
    width: auto;
    max-width: 100%;
    height: 100vh;
    max-height: none;
  }
}