:root {
  --purple: #86121a;
  --purple-2: #a31b24;
  --gold: #c3c5c8;
  --cream: #f7f7f7;
}

.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 8px;
}

.footer-logo {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 8px;
}

.hero-shade {
  background: linear-gradient(90deg, rgba(25, 7, 9, .96) 0%, rgba(83, 10, 16, .77) 43%, rgba(26, 13, 16, .12) 78%), linear-gradient(0deg, rgba(10, 5, 6, .8), transparent 45%);
}

.legacy,
.connect {
  background: linear-gradient(135deg, #711017, #951721);
}

.nav-give {
  background: #86121a;
}

@media (max-width: 560px) {
  .brand-logo { width: 50px; height: 50px; }
  .brand span:last-child { display: none; }
}