/* mobile (and desktop) view */

.wrapper-content {
  margin: auto;
  width: 90%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.halves-column {
  display: flex;
}

.half-column {
  flex: 50%;
}

.wrapper-text-result {
  display: block;
  word-wrap:break-word;
  white-space: normal;
}

@media only screen and (min-width: 1000px) {
  /* desktop only view */
  .wrapper-content {
    margin: auto;
    width: 70%;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}