img.crest {
  display: block;
  object-fit: contain;
  padding: 3px;
  border: 1px solid rgba(213, 183, 120, .62) !important;
  border-radius: 12px !important;
  color: transparent !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(213, 183, 120, .06);
}

.brand img.crest {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
}

img.crest.official-logo-large {
  width: 120px;
  height: 120px;
  margin: 0 auto 24px;
  padding: 6px;
  border-radius: 18px !important;
}

body.sandbox img.crest {
  border-color: rgba(114, 201, 223, .7) !important;
  box-shadow: 0 0 0 4px rgba(114, 201, 223, .08);
}

@media (max-width: 640px) {
  .brand img.crest {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}