.mediacentre {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(250px, calc(25% - 1.125rem)), 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.mediacentre-item {
  display: block;
}

@media (max-width: 599px) {
  .mediacentre {
    justify-items: center;
  }
}

.mediacentre-item--text {
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--colour-primary);
  margin-top: 1rem;
}