@charset "utf-8";
/* CSS Document */

.video-background {
	/* width:auto; height:auto; 	/* To show the whole Television. */
    width:100%; height:50vh;	/* to fill the whole section */
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center; 
}

.video-background video {
    position:relative;
    top:0;
    left:0;
    object-fit:cover;
}

.videoA { 
  position: absolute;
  z-index: -1000;
  right: 0;
  bottom: 0;
  max-width: 100%;	/*to show a slice of the video*/
  min-height: 100%;	/*to show a slice of the video*/
}

@media (min-width: 576px) {
	/*h1 {color: yellow;}*/
	.video-background {width:auto; height:auto;}
}


@media (min-width: 768px) {
	/*h1 {color: red;}*/
	.video-background {height:50vh;}
}

@media (min-width: 992px) {
	/*h1 {color: green;}*/
	.video-background {height:auto;}
}

@media (min-width: 1200px) { 
	/*h1 {color: cyan;}*/
	.video-background {height:auto;}
}

@media (min-width: 1400px) { 
	/*h1 {color: blue;}*/
	.video-background {height:auto;}
}