.highlight {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1rem -1.5rem;
}
.highlight--block {
  margin: 1rem 0;
}
.highlight--small {
  padding: 1rem 1.5rem;
}
.highlight--large {
  padding: 4rem 1.5rem;
}
.highlight p {
  margin: 0.5rem 0;
}
.highlight h2 {
  margin: 0.5rem 0;
}
.highlight--primary {
  background-color: var(--color-brand--3);
}
.highlight--secondary {
  background-color: var(--color-secondary);
}
.highlight--energy {
  background-color: var(--color-energy--light);
}
.highlight--stress {
  background-color: var(--color-stress--light);
}
.highlight--digestion {
  background-color: var(--color-digestion--light);
}
.highlight--immunity {
  background-color: var(--color-immunity--light);
}
.highlight--articulations {
  background-color: var(--color-articulations--light);
}
.highlight--circulation {
  background-color: var(--color-circulation--light);
}
.highlight--thinness {
  background-color: var(--color-thinness--light);
}
.highlight--skin {
  background-color: var(--color-skin--light);
}
.highlight--oral {
  background-color: var(--color-oral--light);
}
.highlight--female-wellness {
  background-color: var(--color-female-wellness--light);
}
.highlight--comfort {
  background-color: var(--color-comfort--light);
}
.highlight--solar {
  background-color: var(--color-solar--light);
}
.highlight--house {
  background-color: var(--color-house--light);
}

.highlight--green_light {
  background-color: var(--color-brand--4);
}

.highlight--brand-5 {
  background-color: var(--color-brand--5);
}

@media all and (min-width: 600px) {
  .highlight {
    margin: 0;
  }
}
@media all and (min-width: 700px) {
  .highlight--large {
    padding: 4rem 5.875rem;
  }
  .highlight--small {
    padding: 1.5rem 3rem;
  }
}
@media all and (min-width: 750px) and (max-width: 950px) {
  .highlight--large {
    padding: 4rem 3rem;
  }
}