.logo {
  position:fixed;
  left:10px;
  top:10px;
  z-index: 21;
  width: 130px;
     
  
}

.logo_img{
  
  z-index: 30;
  width: 130px;
  border-radius: 50%;
  animation: animationFrames 3s ease 0s 1 normal forwards running;
  transform-origin: 50% 50%;
  
}

@keyframes animationFrames {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
    
  20% {
    transform: translate(0px, 0px) rotate(40deg);
  }

  40% {
    transform: translate(0px, 0px) rotate(-20deg);
  }
    
  70% {
    transform: translate(0px, 0px) rotate(10deg);
  }
    
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@media screen and (max-width: 48.0625em) {
.logo {
 width: 80px;
      
  
}
    
.logo_img{
 width: 80px;
      
  
}
	
}