/* Base */

/* Primary */

/* Secondary */

/* Containers */

/* Header height */

/* Rich text */

/* Widths */

/* Spacing */

/* Radius */

/* Misc */

.brand__link {
  display: inline-block;
  padding: 2px;
  border: 3px solid transparent;
  transition: border-color .3s ease, outline .3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .brand__link {
    transition: none;
  }
}

.brand__link:active {
  transform: scale(.98);
  transition-duration: .1s;
}

.brand__link:focus {
  border-color: #fefe00;
  outline: 3px solid #000;
}

.brand__logo {
  max-width: 115px;
  height: auto;
  fill: #fff;
  transition: fill .3s ease;
}

@media only screen and (min-width: 1024px) {
  .brand__logo {
    max-width: 154px;
  }
}

.brand_link:hover .brand__logo {
  fill: #a7d936;
}


/*# sourceMappingURL=brand.css.map*/