.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

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

@media only screen and (min-device-width : 320px) and (max-device-width : 812px) {
	.fullscreen-bg {
    background: url('../assets/images/coverr/coverr.jpg') center center / cover no-repeat;
  }
  .fullscreen-bg__video {
    display: none;
  }
  .login-register {
    position: absolute;
    overflow: scroll;
	}
	#pin {
    height: 33em;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    width: 25.5em;
    margin: 0 auto;
}
}