.marginColourBox {
  margin: 0 12.5%;
}

.coloursImg {
  width: 250px;
  margin: 20px auto auto auto;
  text-align: center;
  box-sizing: inherit;
}

.coloursImg img {
  max-width: 80%;
  cursor: pointer;
}

.pad-top-10 {
  padding-top: 10px;
}

.repeatColour, .repeatColour_mob {
  align-self: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #cFcFcF;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: none;
  font-size: 130%;
  justify-content: center;
  margin-top: 2%;
  padding: 1% 0;
  height: 10%;
  width: 17.5%;
}

.repeatColour_mob {
  margin: 4% 0 4% 0;
  align-self: center;
  padding: 2% 0;
  text-align: center;
  width: 90%;
}