@media only screen and (max-width: 1000px) {
  .project .project-title {
      position: static;
    }
    .chapter-text {
      top: 2.15rem
    }
  }

@media only screen and (max-width: 750px) {
  
  .index-item {
    display: grid;
    grid-template-columns: 2rem 1fr 0fr 0fr 1fr;
  }

  .project .project-title {
    position: static;
    font-size: 3rem;
    word-wrap: break-word;
  }

  .chapter-single {
    display: block;
  }

  .chapter-text {
    width: 100%;
    position: static;
  }

  .chapter-images {
    width: 100%;
  }

  .chapter-images figure.centered,
  .chapter-single:nth-of-type(2n) .chapter-images figure.centered {
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .chapter-images figure.full {
    line-height: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .data-item {
    display: block;
  }

  .data-title {
    width: 100%;
  }

  #tile-container.related {
    grid-template-columns: repeat(2, 1fr)!important;
}

  .leaflet-popup-content {
    width: 75vw!important;
  }



}

@media only screen and (max-width: 500px) {
  
  .index-item {
    display: grid;
    grid-template-columns: 2rem 1fr 0fr 0fr 0fr;
  }

}