.envivo{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

}
.envivo__header{
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.dark .envivo_header_text{
  border-color: rgb(215, 212, 207);
}
.envivo_header_text{
  border: 2px solid black;
  width: 90px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 16px;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}
.envivo__section{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.envivo__section__webcam{
  flex-grow: 1;
  width: 100%;
  max-width: calc(100% - 120px);
}
.envivo__section__radio{
  width: 100%;
  max-width: calc(100% - 120px);
}
.envivo__footer{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.envivo__footer__share{
  height: 50px;
  width: 50px;
  border:1px solid gray;
  border-radius: 100%;
  position: relative;
}
.facebook, .twitter, .whats{
  position: absolute;
  height: 50px;
  width: 50px;
  display: block;
  border-radius: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all ease .5s;
}
.envivo__footer__share__icons--active .facebook{
  bottom:30px;
  left: -70px;
  opacity: 0.6;
  /* background-color: rgb(83, 131, 215) */
}
.envivo__footer__share__icons--active .twitter{
  bottom:60px;
  left: 0px;
  opacity: 0.6;
  /* background-color: rgb(0, 225, 255); */
}
.envivo__footer__share__icons--active .whats{
  bottom:30px;
  left: 70px;
  opacity: 0.6;
  /* background-color: rgb(67, 119, 15); */
}
.envivo__footer__share__icons--active .facebook:hover,
.envivo__footer__share__icons--active .twitter:hover,
.envivo__footer__share__icons--active .whats:hover{
  transform: scale(1.2);
}
@media only screen and (max-width: 600px) {
  .envivo__section__webcam{
    flex-grow: 1;
    max-width: 100%;
    height: 500px;
  }
}