.Header__logo a {
  width: 171.6px;
}

.Header__brand_image {
  display: block;
  width: 100%;
  height: auto;
  filter: none;
  transition: filter 0.5s ease, opacity 0.3s ease;
}

.Header__logo a:hover .Header__brand_image {
  opacity: 0.72;
}

[data-current_section="mission"] .Header__container .Header__brand_image,
[data-current_section="vision"] .Header__container .Header__brand_image,
[data-current_section="vision_out"] .Header__container .Header__brand_image {
  filter: invert(1);
}

@media not screen and (min-width: 769px) {
  .Header__logo a {
    width: 129.8px;
  }
}