.allergen-notes-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: dense;
}

.allergen-notes-container .allergen-notes-title {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.allergen-notes-container>.allergen-notes {
  margin: 0.5rem 0;
}

@media(width >=1024px) {
  .allergen-notes-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
	column-gap: 2rem;
    grid-auto-flow: dense;
  }

  .allergen-notes-container .allergen-notes-title {
    grid-column: 2;
  }

  .allergen-notes-container>.allergen-notes {
    grid-column: 2;
  }
}