#words {
		background-color: LightGray; /*Gainsboro */
		}
@media (max-width: 480px) {
  #words {
    padding-top: 40px; /* or whatever max height your wrapped menu reaches */
  }
}

#words.container-action {
		display: flex;
		flex-wrap: wrap;
		align-items: center; 
		padding: 0.5em;
		background-color: #a9a9a9; /* Dark Grey */
	}

.words-wrapper {
  display: flex;
  flex-wrap: wrap;
  color: blue;
}

.words-group {
  margin: 0.5rem;
  padding: 0.5rem;
  background-color: #B2BEB5;
  cursor: pointer;
}

.words-title {
  display: block;
  margin-bottom: 0.3rem;
}

.words-pair {
  display: none;
}

.word-left {
  width: 40%;
  border-bottom: 1px solid green;
  border-right: 1px solid green;
  text-align: center;
}

.word-right {
  width: 40%;
  border-bottom: 1px solid green;
}