/* GENERAL */

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
}

.extract {
  margin-bottom: 20px;
}

/* ACTIVITY 1 */

.activity-btn {
  min-height: 150px;
  font-size: 32px;
}

#section-1 .btn-jump {
  margin-top: 20px;
}

/* ACTIVITY 2 */

.word-bubble {
  border-radius: 10px;
  background-color: #e2e2e2;
  padding: 10px;
  margin-bottom: 30px;
}

.text-entry {
  min-height: 150px;
  font-size: 16px;
}

/* ACTIVITY 3 */

.phrases {
  margin-top: 20px;
}

/* ACTIVITY 5 */

.element {
  background-color: #e2e2e2;
  padding: 5px 7px;
  font-size: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

@media (min-width: 768px) {
  #section-1 .btn-jump {
    margin-top: 0px;
  }

  .phrases {
     margin-top: 0;
  }
}