#remote-container video {
  /*height: auto;
    position: relative !important;*/
}
#me {
  bottom: 15px;
  left: 0;
  position: absolute;
  height: 20%;
  display: block;
  background-color: transparent;
  /* margin-left: 5%;
    margin-top: 65%;
     margin-top: -20%;
    margin-left: 2%; */
}

#me video {
  position: relative !important;
  border-radius: 10%;
  max-width: 100%;
  display: block;
}

#remote-container {
  /* display: flex; */
}

#remote-container video {
  position: relative !important;
  border-radius: 5%;
  /* max-width: 25%;
    display: block;
    margin-left: auto;
    margin-right: auto; */
}

/* SPEED MATCH */
#me_speedMatch {
  bottom: 30px;
  left: 0;
  position: absolute;
  height: 20%;
  width: -webkit-fill-available;
  display: block;
  background-color: transparent;
  /* margin-left: 5%;
    margin-top: 65%;
     margin-top: -20%;
    margin-left: 2%; */
}
#me_speedMatch video {
  position: relative !important;
  border-radius: 5%;
  left: 20px;
  max-width: 20%;
  display: block;
}

#remote-container_speedMatch {
  /* display: flex; */
}

#remote-container_speedMatch video {
  position: relative !important;
  border-radius: 5%;
  /* max-width: 25%;
    display: block;
    margin-left: auto;
    margin-right: auto; */
}

/* WORK SHOP */
#me_Workshop {
  left: 0;
  height: 28%;
  display: block;
  background-color: transparent;
}
#me_Workshop video {
  position: relative !important;
  border-radius: 5%;
  display: block;
  height: auto;
}

#host_Workshop {
  left: 0;
  height: 100%;
  display: block;
  background-color: transparent;
}
#host_Workshop video {
  position: relative !important;
  border-radius: 5%;
  display: block;
  height: auto;
}

#host_Conference {
  margin-left: 10%;
  width: 80%;
  display: block;
  background-color: transparent;
}
#host_Conference video {
  position: relative !important;
  border-radius: 5%;
  display: block;
  height: auto;
}

#screen_Conference {
  left: 0;
  height: 100%;
  display: block;
  background-color: transparent;
}
#screen_Conference video {
  position: relative !important;
  display: block;
  height: auto;
  padding: 15px;
}


/* WORK SHOP */
#screen_Workshop {
  left: 0;
  height: 100%;
  display: block;
  background-color: transparent;
}
#screen_Workshop video {
  position: relative !important;
  display: block;
  height: auto;
  padding: 15px;
}


#remote-container_Workshop {
  left: 0;
  position: absolute;
  height: 28%;
  display: block;
  background-color: transparent;
}

#remote-container_Workshop video {
  position: relative !important;
  border-radius: 5%;
  display: block;
  height: auto;
  padding: 15px;
}