p1 {
	color: chartreuse;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 70%;
	letter-spacing: 0.1em;
	
	}

.col-sm#a1 {
/* background-color: #b784a7; */
min-height:300px;
  overflow: hidden;
/* background-image: url("http://93.43.71.141:8080/axis-cgi/mjpg/video.cgi?camera=&resolution=640x480");  */

}

#a1::before {
    content: '';
    
    position: absolute;
    width: 800px;
    height: 470px;
    z-index: -1;
    top: -15px;
  	left: 0px;
    background-image: url("http://93.43.71.141:8080/axis-cgi/mjpg/video.cgi?camera=&resolution=640x480"); /* Image is 500px by 500px, but only 200px by 50px is showing. */
}


.col-sm#a2 {
/* background-color: green; */
/* min-height:300px; */
min-height:300px;
  overflow: hidden;
/* 
background-image: url("http://93.43.71.141:8080/axis-cgi/mjpg/video.cgi?camera=&resolution=640x480");
 */
}

#a2::before {
    content: '';
    
    position: absolute;
	width: 800px;
    height: 470px;
    z-index: -1;
    top: -15px;
  	left: 0px;
    background-image: url("http://93.43.71.141:8080/axis-cgi/mjpg/video.cgi?camera=&resolution=640x480"); Image is 500px by 500px, but only 200px by 50px is showing.
}

.col-sm#a3 {
/* background-color: #deb887; */
/* min-height:300px; */
min-height:300px;
  overflow: hidden;
/* 
background-image: url("http://93.43.71.141:8080/axis-cgi/mjpg/video.cgi?camera=&resolution=640x480");
 */
}
#a3::before {
    content: '';
    
    position: absolute;
	width: 800px;
    height: 470px;
    z-index: -1;
    top: -15px;
  	left: 0px;
    background-image: url("http://93.43.71.141:8080/axis-cgi/mjpg/video.cgi?camera=&resolution=640x480"); /* Image is 500px by 500px, but only 200px by 50px is showing. */
}



/* //////////////// */

.col-sm#a4 {
/* background-color: #b784a7; */
/* min-height:300px; */
min-height:300px;

background-image: url("http://173.160.175.141/mjpg/video.mjpg");
}

.col-sm#a5 {
/* background-color: green; */

min-height:300px;

background-image: url("http://82.191.49.26:8081/-wvhttp-01-/GetOneShot?image_size=640x480&frame_count=1000000000");

/* 
background-image: url("russia_window.mp4");
 */

}

#bg_container{
width:100%; 
margin: 0;
overflow: hidden;
position: absolute;
z-index: 1;
}

#pushup {
position: absolute;
z-index: 10;
}

#russia {

border: 0;
padding: 10%;
margin: 0;
width: 95%;

}




/* //////////////// */

.col-sm#a6 {
/* background-color: #deb887; */
/* min-height:300px; */
}

.col-sm#a7 {
/* background-color: #deb887; */
/* min-height:300px; */
}


.col-sm#a8 {
/* background-color: #deb887; */
/* min-height:300px; */
}


/* 
*/

body {
margin: 0;
background-color: black;
}

/* 
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;
}

#bgvid {
    position:fixed;
    z-index: -1;
}
 */


/* 
img {
border: 0;
}
 */

#pushup {
z-index: 1;
}

.img-fluid {
max-width: 100%; 
height: auto;
}


.rounded-circle {
position: absolute;
}

.video_holder {
max-width: 100%; 
height: auto;
z-index: 3;
}


/* 
*/



.clouds {
  position:absolute;

  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
  z-index: -10;
}





#quarantine {
  position: relative;
  width: 95%;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  z-index: -5;
  text-align: justify;
}

#quarantine * {
  margin: 20;
  padding: 0;
  padding-left: 5%;
  border: none;
  text-align: justify;
font-family: 'IBM Plex Mono', monospace;
  color: chartreuse;
  z-index: -5;

}


#littlebg
{
    position:fixed;
    z-index: -50;
    width: auto;
    height: 100%;
}


#videoBG {
    position:fixed;
    z-index: -50;
}
@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:200%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 200%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }