/* Custom CSS for homepage-12.html */

/* Logo max height - Mobile default */
#header nav > div.flex > a img {
  max-height: 90px;
}

/* Logo max height - Tablet & Desktop */
@media (min-width: 768px) {
  #header nav > div.flex > a img {
    max-height: 110px;
  }
}

/* Center logo in header for all screen sizes (mobile, tablet, desktop) */
#header nav > div.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Add spacer before logo to center it */
#header nav > div.flex::before {
  content: '';
  flex: 1;
  order: 1;
}

#header nav > div.flex > a {
  order: 2;
  flex: 0 0 auto;
}

#header nav > div.flex > div:last-child {
  order: 3;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}