.logosup{
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    transform: translate(0,-350px);
    opacity:0;
    
  }

  to {
    transform: translate(0,0px);
    opacity:1;
    
  }
}


@media (max-width: 480px){

  .logosup{
    animation-duration: 4s;
    animation-name: slidein;
  }
  
  @keyframes slidein {
    from {
      transform: translate(0,-350px);
      opacity:0;
      
    }
  
    to {
      transform: translate(0,0px);
      opacity:1;
      
    }
  }

}