/* Notus Composites — logo */

.logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  line-height: 0;
}

.logo:hover {
  text-decoration: none;
  opacity: 0.9;
}

.logo__img {
  display: block;
  height: 52px;
  width: auto;
  max-width: min(220px, 75vw);
  shape-rendering: geometricPrecision;
}

.logo--footer .logo__img {
  height: 46px;
}

.logo--footer .logo__img--default {
  display: none;
}

.logo--footer .logo__img--light {
  display: block;
}

.logo:not(.logo--footer) .logo__img--light {
  display: none;
}

@media (max-width: 480px) {
  .logo__img {
    height: 42px;
  }
}