/* Set the container to be a flexbox with center alignment */
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* Set the logo image to be responsive */
img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

/* Media query for screens smaller than 600px */
@media (max-width: 600px) {
  /* Set the container to be a flexbox with column direction */
  body {
    flex-direction: column;
  }
  
  /* Set the logo to have a max height of 50% of the viewport height */
  img {
    max-height: 50vh;
  }
}