header {
    height: auto !important;
    min-height: 280px !important;
    padding: 8px 16px !important;
}

img[alt="logo"] {
    max-height: 280px !important;
    height: 280px !important;
    width: auto !important;
    object-fit: contain !important;
}

a:has(> img.logo) {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 auto 1.5rem auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: fit-content !important;
}


main, main > div, [class*="flex"][class*="col"]:has(img.logo) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  /*align-items: center !important;*/
  gap: 1rem !important;
}

:has(> a > img.logo), :has(> img.logo) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
}