#thoughtsAlone {
  float: left !important;
  width: min(33.333vw, 350px) !important;
  max-width: 33.333vw !important;
  height: auto !important;
  margin: 0 25px 15px 0;
  transition: opacity 0.5s ease-in-out;
  cursor: pointer;
}

/* ------------------------------------------------------------ */

/* THOUGHT TEXT AREA */

/* ------------------------------------------------------------ */

#thoughtText {
  margin-left: 20px;
  margin-right: 20px;
}

/* ------------------------------------------------------------ */

/* HEADING */

/* ------------------------------------------------------------ */

#thoughtHeading {
  font-size: 1.5rem;
  font-style: italic;
  color: blue;
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.35;
  white-space: pre-wrap;
}

/* ------------------------------------------------------------ */

/* BODY */

/* ------------------------------------------------------------ */

#thoughtBody {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  white-space: pre-wrap;
}

/* ------------------------------------------------------------ */

/* WHY THERAPY BUTTON */

/* ------------------------------------------------------------ */

#whyTherapy {
  font-style: italic;
  font-size: 1.15rem;
  color: #fff;
  background-color: #8a6748;
  padding: 3px 10px;
  border: none;
  border-radius: 8px;
  line-height: 1.15;
}

/* ------------------------------------------------------------ */

/* SMALL SCREENS */

/* ------------------------------------------------------------ */

@media (max-width: 576px) {
  #thoughtsAlone {
    width: 33.33vw !important;
    max-width: 33.33vw !important;
    margin-right: 15px;
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {
  #thoughtText {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (max-width: 576px) {
  #thoughtHeading {
    font-size: 1.3rem;
  }
}

@media (max-width: 576px) {
  #thoughtBody {
    line-height: 1.45;
  }
}