header#header {
  background-color: var(--ast-global-color-1);
  position: relative;
  height: var(--header-height);
}

header#header #contact-icons {
  transform: translateY(25%);
  padding-top: var(--nav-icon-padding-Y);
  margin-left: calc(
    var(--nav-icon-padding-X) + var(--nav-icon-width) + var(--gap-xl)
  );
}

header#header #contact-icons p {
  display: flex;
  gap: calc(var(--gap-l) * 0.84);
}

header#header #contact-icons br {
  display: none;
}

#header #theme-logo {
  z-index: 100;
  width: 20vw;
  max-width: 320px;
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  position: absolute;
  right: var(--nav-icon-padding-X);
  top: var(--nav-icon-padding-Y);
}

#header #theme-logo img {
  border-radius: 0 !important;
}

@media (max-width: 1200px) {
  header#header #contact-icons {
    margin-left: calc(
      var(--nav-icon-padding-X) + var(--nav-icon-width) + var(--gap-l)
    );
  }
  header#header #contact-icons p {
    display: flex;
    gap: calc(var(--gap-l) * 0.5);
  }
}

@media (max-width: 1024px) {
  #header .header-wrapper > #contact-icons {
    display: none;
  }
}

@media (max-width: 768px) {
  #header #theme-logo {
  
    transform:translateY(25%);
}
}