.colour-block {

  &__colour {
    height: 80px;

    &--moon-shadow {
      background-color: $moon-shadow;
    }

    &--fawn {
      background-color: $fawn;
    }

    &--copper-twist {
      background-color: $copper-twist;
    }

    &--sweet-clementine {
      background-color: $sweet-clementine;
    }

    &--pewter {
      background-color: $pewter;
    }

    &--cloud {
      background-color: $cloud;
    }

    &--bluebird {
      background-color: $bluebird;
    }

    &--rock-pool {
      background-color: $rock-pool;
    }

    &--african-sun {
      background-color: $african-sun;
    }

    &--poetic-pink {
      background-color: $poetic-pink;
    }

    &--poached-pear {
      background-color: $poached-pear;
    }

    &--conifer-shade {
      background-color: $conifer-shade;
    }

    &--fern {
      background-color: $fern;
    }

    &--chinoise {
      background-color: $chinoise;
    }

    &--teal {
      background-color: $teal;
    }

    &--peacocks-plume {
      background-color: $peacock-plume;
    }

    &--victorian-white {
      background-color: $victorian-white;
    }
  }

  &__title {
    padding: 10px;
  }

  a {
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 8px;
    color: $gray-dark;
  }

}