#content {
  display:flex;
}

#dropZones {
  flex-basis:40%;
}
#words {
  flex-basis:60%;
  margin-top:35px;
}

.return{
  width: 80px;
  height: 17px;
  padding: 15px;
  vertical-align: middle;
}

#dragIntoTextSynonymsValidation {
  width:100%;
  clear:both;
}

.tab {
  margin-left:100px;
}

#dragIntoTextSynonymsCheck, #dragIntoTextSynonymsNext {
  margin-left:60%;
}
  
#dragIntoTextSynonymsErrorMessage {
  margin-top:-10px;
  margin-left:50px;
}
  
.dragText {
  padding:3px;
  border: 1px dashed black;
  margin-bottom:13px;
  margin-left:4px;
  margin-top:-6px;
  height:20px;
  width:max-content
}

.dragText:hover {
  background-color:lightblue;
}
  
.dropZone {
  width: 105px;
  height: 15px;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid black;
  display:inline-block;
  background-color:white;
  margin:3px;
}

@media only screen and (max-width:980px) {
  #text {
    margin-left:60px;
  }

  #numberAndHeading {
    margin-left:60px;
  }

  #words {
    margin-top:110px;
    margin-left:20px;
  }
}