.video-js .overlay-logo {
  width:50px;
  height: auto;
  margin:0.2em;
  opacity: 0.6;
  animation-name: logo;
  animation-duration: 0.4s;
}
@keyframes logo {
  from {opacity: 0; width:10px}
  to {opacity: 0: 0.6; width:50px}
}
@media (max-width: 1440px){
  .video-js .overlay-logo {
    width:40px;
  }
  @keyframes logo {
    from {opacity: 0; width:10px}
    to {opacity: 0: 0.6; width:40px}
  }
}
@media (max-width: 1024px){
  .video-js .overlay-logo {
    width:35px;
  }
  @keyframes logo {
    from {opacity: 0; width:5px}
    to {opacity: 0: 0.6; width:35px}
  }
}
@media (max-width: 440px){
  .video-js .overlay-logo {
    width:30px;
  }
  @keyframes logo {
    from {opacity: 0; width:2px}
    to {opacity: 0: 0.6; width:30px}
  }
}