.lyfe-wordmark {
  display: inline-flex;
  width: max-content;
  align-items: center;
  font-size: 0;
}

.lyfe-wordmark__logo {
  display: block;
  width: auto;
  height: 34px;
  filter: brightness(0);
}

@media (max-width: 899px) {
  .lyfe-wordmark__logo {
    height: 28px;
  }
}