/* Center the logo block */
.logo-link{
  display:block;
  margin:20px auto;          /* centers it horizontally */
  text-align:center;
}

/* Size + hover effect for the image */
.logo{
  max-width:260px;           /* reasonable max size */
  width:100%;                /* responsive */
  height:auto;
  display:block;
  margin:0 auto;
  transition:opacity .3s ease, transform .3s ease;
}

/* Hover: subtle opacity + tiny zoom */
.logo-link:hover .logo{
  opacity:0.8;
  transform:scale(1.02);
}