@media screen and (max-width: 1400px) {
  .body-text {
    flex-direction: column;
  }

  .body-text div,
  .body-text p,
  .body-text img {
    max-width: 100%;
    text-align: right;
    color: #0D0D0D;
    margin: 10px 0;
    flex-direction: column;
    align-items: center;
  }

  .body-text img {
    max-width: 100%;
  }

  .body-text .half div,
  .body-text .half p,
  .body-text .half img {
    max-width: 50%;
    margin: 25px;
    flex: 1;
  }

  .body-text h1 {
    font-size: 45px;
    text-align: right;
    color: #8C5230;
  }
}