.imgMood {
  max-width: 80%;
}

.chooseMoodPlacement {
  /* display: flex;
  align-self: center; */
  /* display: flex;
    float: left;
    width: 85%;
    margin-left: 6%; */
    margin-left: 12%;
  /* width: 80%; */
  /* padding-left: 6.5%; */
}

.chooseMood {
  align-self: center;
  text-align: start;
  /* width: 750px; */
      margin-right: 30%;
}

.moodPlacement {
  margin-right: -5%;
  width: 15%;
}

.mood-dropdown {
  position: relative;
  width: 100%;
}

.repeatColourMood, .repeatColourMood_mob {
  align-self: flex-end;
      /* align-items: right; */
      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;
      height: 10%;
      /* width: 15%; */
      margin-right: 11%;
      margin-top: 3%;
      padding: 1%;
}

.repeatColourMood_mob {
  display: none;
  margin: 4% 0 2% 0;
  text-align: center;
  padding: 2% 0;
  align-self: center;
  width: 90%;
  font-size: 1.5em;
}

.repeatColourMood:hover {
  color: rgba(0, 0, 0, 0.6);
}

.kleurImg img {
  max-width: 100%;
  height: 200px;
}

.uitlegKleur {
  display: none;
  justify-content: center;
  padding-top: 2.5%;
  width: 100%;
  align-self: center;
}

.uitlegText{
  align-self: center;
  width: 60%;
  padding-left: 12%;
  margin-right: 2%;
  padding-right: 2%;
}

.kleurImg{
  width: 30%;
}

@media screen and (max-width: 1080px) {
  .kleurImg img {
    height: 150px;
  }
}

@media screen and (max-width: 800px) {
  .kleurImg img {
    height: 125px;
  }
}