@media only screen and (max-width: 1300px) {
  #largedisplay {
    height: auto;
    margin: 0;
    padding: 0;
    max-width: none;
  }

  #largedisplay .content {
    display: block;
    width: auto;
  }

  #largedisplay .thumbnail {
    width: calc(100% - 8px - 20px); /* border offset */
    margin: 10px 0 0 10px;
  }

  #thumbnailimages {
    height: 600px;
  }

  #thumbnailimages .image {
    height: 600px;
  }

  #thumbnailleft, #thumbnailright {
    font-size: 70px;
    width: 100px;
    background-color: #ffffff25;
  }

  #largedisplay .text {
    margin: 50px;
  }

  #largedisplay h2 {
    font-size: 65px;
    margin-bottom: 15px;
  }

  #largedisplay .member img {
    width: 100px;
    height: 100px;
  }

  #largedisplay .text .hidden {
    display: none;
  }

  #largedisplay .content h1 {
    font-size: 5.6em;
    word-wrap: anywhere;
  }

  #largedisplay .content p {
    font-size: 1.6em;
  }

  #largedisplay .member:not(:first-child) img {
    margin-left: -35px;
  }
  
}