/* Remove default margins and make body fill the viewport */
html, body {
  height: 100%;
  margin: 0;
}

/* Center content horizontally and vertically */
body {
  display: flex;
  align-items: center;      /* vertical center */
  justify-content: center;  /* horizontal center */
  background-color: #ffffff; /* change if you want a different background */
}

/* Logo sizing and constraints */
.logo {
  width: 66.66vw;   /* 2/3 of the viewport width */
  max-width: 1200px; /* optional: avoid getting huge on very wide screens */
  height: auto;      /* keep aspect ratio */
  display: block;
}