#header {
  position: relative;
  display: flex;
  justify-content: space-between; /* Distribute space between elements */
  align-items: center;
  width: 100%; /* Ensure header spans the full width */
  padding: 10px 20px; /* Adjust padding as needed */
}

.header-logo {
  position: absolute;
  right: 0; /* Aligns the logo to the right of the screen */
  top: 50%;
  transform: translateY(-50%); /* Vertically center the logo */
}

.header-logo img {
  max-height: 50px; /* Adjust the size of the logo */
}