/* Mobile first: apply style when the screen is 767px wide or less */

@media (max-width: 767px) {
  .change-colour-mobile {
    color: var(--bs-secondary);
  }
}

/* iOS + browser tel link colour fix */

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

/* Desktop default */

a.change-colour-mobile {
  color: #fff;
}

/* Mobile override */

@media (max-width: 767px) {
  a.change-colour-mobile {
    color: var(--bs-secondary);
  }
}