/**
 * Identities list
 */

.identity-list {
  display: grid;
  row-gap: .5rem;
  justify-items: center;
}
@media all and (min-width: 500px) {
  .identity-list {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 0.75rem));
    column-gap: 1.5rem;
    row-gap: 2rem;
  }
}
@media all and (min-width: 1000px) {
  .identity-list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 1.5rem));
    column-gap: 1.5rem;
    row-gap: 2rem;
  }
}


/**
 * identity element
 */

.identity {
  padding: 2rem;
  background-color: var(--primary-light);
  height: 100%;
  max-width: 310px;
  display: grid;
  gap: 1rem;
  border-radius: 5px;
  width: 100%;
}
.identity__text h4,
.identity__text p {
  margin: 0;
}
@media all and (min-width: 500px) {
}