/**
 * Association
 */

.association {
  border-radius: 5px;
  background: var(--color-primary-xlight);
  padding: 2rem;
  margin: 1rem 0;
}
.association__title {
  font-size: var(--title-s);
  font-weight: 700;
  margin: 0;
  color: var(--color-primary-dark);
}
.association__image {
  margin: 0.75rem 0;
}

@media all and (min-width: 750px) {
  .association {
    display: grid;
    grid-template-columns: calc(30% - 0.75rem) calc(70% - 0.75rem);
    gap: 1.5rem;
  }
  .association__head {
    max-width: 300px;
  }
  .association__content > :first-child {
    margin-top: 0.5rem;
  }
}