body {
  padding 0;
}

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-size: cover;
	transition: 1s opacity;
}

.headerFlex {
	font-size: 25px;
	color: orange;
	font-family: "Impact", Charcoal, sans-serif;
	align-items: left;
	display: flex-top;
	justify-content: left;
	padding: 0px;
	width: 100%;
}

img {
    padding: 5px;
    width: 210px;
}

.Aligner {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
	min-height:100%;
	position:absolute;
	bottom:0;
}

.Aligner-item {
	align-items: center;
	display: flex-middle;
	justify-content: center;
	vertical-align: bottom;
}


.footer {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;		/* WysokoЕ›Д‡ stopki */
	color: #f39c12;
	font-family: "Verdana", Geneva, sans-serif;
	background-color: rgba(0,0,0,0.1);
	}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@media screen and (max-width: 500px) { 
	  div{width:70%;} 
	  
	  img {
		padding: 2px;
		width: 120px;
	}

	.Aligner {
		align-items: center;
		display: flex;
		justify-content: center;
		width: 60%;
		position:absolute;
	}

	.Aligner-item {
		position:absolute;
		align-items: center;
		display: flex-middle;
		justify-content: center;
		vertical-align: bottom;
	}
	
.footer {
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:40px;		/* WysokoЕ›Д‡ stopki */
	color: #f39c12;
	font-family: "Verdana", Geneva, sans-serif;
	background-color: rgba(0,0,0,0.1);
	}
  
}