@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: 100%;
    height: auto;
  }
}
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: auto;
    height: 100%;
  }
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    height: 300%;
    top: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/bg.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg-video {
    display: none;
  }

  .name {
    font-size: 25px;
  }

  .function {
    font-size: 20px;
  }

  section#content {
    padding-bottom: 0px;
  }

  footer {
    position: static;
  }

  footer div.info-block {
    margin-top: 2rem;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: 300%;
    left: -100%;
  }
}