* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  background: #000000; 

}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('img/videoframe.jpg') no-repeat;
  background-size: cover;
}

.logo1 { position: absolute; left: 30px; top: 30px; }

.logo2 { position: absolute; right: 30px; top: 30px; }
.logo2 img { width: 200px; height: auto; }

.rejestracja { position: absolute; left: 50%; bottom: 30px; margin-left: -166px; }

@media (max-width: 991px) {
	.logo1 { width: 150px; left: 50%; margin-left: -75px; }
	.logo1 img { width: 150px; }
	
	.logo2 { width: 150px; left: 50%; top: 150px; margin-left: -75px; }
	.logo2 img { width: 150px; }
	
	.rejestracja { margin-left: -100px; }
	.rejestracja img { width: 200px; height: auto; }
}