:root {
  --purple: #692e82;
  --gold: #d6a81b;
}

h1, h3, h4 {
  color: var(--purple);
}

h2 {
  color: var(--gold);
}

.header-logo {
  float: left;
  height: auto;
  margin-top: -50px;
  width: 200px;
}

img {
  float: left;
  max-width: 50vw;
  height: auto;
  margin-bottom: 10px;
  margin-right: 10px;
}

.product-image-clear {
  clear: both;
}

.active {
  display: block;
  background-color: var(--purple);
}

.nav-item a,
.nav-item a:hover {
  color: var(--purple);
}

.active a,
.active a:hover {
  color: var(--gold);
}