.body-live{
    width: 100%;
    height: auto;
    background-color: #fdfdfd;
    
}


.barra-lateral{
    width: 100%;
    height: auto;
    padding: 10px 0px;
}

.contenedor-player{
  /* background-color: #e5e5e5; */
  width: 100%;
  height: auto;
  /* padding: 5px 20px; */
  position: relative;
}

.logo-live{
  width: 50%;
  height: auto;
}

/* Media Querie phone Landscape */
@media screen and (min-width:576px){
  
}


/* Media Querie Tablet */
@media screen and (min-width:768px){
  .barra-lateral{
    height: 100vh;
    box-shadow: 10px 0 5px -2px #88888843;
    padding-right: 10px;
  }

  .logo-live{
    width: 70%;
  }
  
}

/* Media Querie Tablet-desktop */
@media screen and (min-width:992px){
  
}

/* Media Querie desktop */
@media screen and (min-width:1200px){
 
}

/* Media Querie desktop large*/
@media screen and (min-width:1366px){
   
}


@media screen and (min-width:1920px){
  
  

}

@media screen and (min-width:2560px){

  
  

}