@media only screen and (max-width: 600px) {
  #home-content-box .portrait-container {
    grid-row: 3 / span 1;
    margin-top: -15vh;
    padding-top: 45vh;
  }

  #home-content-box .portrait-container .portrait {
    width: 70vw;
    height: unset;
    /* margin-right: -36vw;
    clip-path: circle(31% at 54% 60%); */
  }

  .navigation-container h6 {
    padding-bottom: 1em;
    font-size: 0.75rem;
  }

  .chunk {
    padding-bottom: 12em;
  }

  .rounded-bar {
    width: 20%;
  }

  .rounded-bar + .chunk-title,
  .rounded-bar + .chunk-body,
  .chunk-body + .link-out,
  .chunk-title + .chunk-body,
  button + a,
  a .chunk-body {
    padding-top: 2rem;
  }

  #home-content-box .slogan-chunk.bullet {
    margin-top: calc(6vh - 4em);
    grid-column: 2 / span 2;
  }

  #home-header-navigation {
    grid-column-start: -5;
    grid-column-end: -2;
  }

  h2 + h3 {
    padding-top: 2.618rem;
    font-size: 1.618rem;
  }

  #home-content-box #home-header-name {
    grid-column-start: 2;
    grid-column-end: span 3;
  }

  #home-header-contact {
    grid-column-start: -6;
    grid-column-end: -2;
    grid-row: 1;
    justify-self: end;
  }

  #home-content-box .slogan-chunk {
    grid-column-start: 2;
    grid-column-end: -2;
    grid-row: 2;
    margin-top: 6vh;
  }


  .chunk.on-left,
  .phone-right .chunk,
  .pc-demo.right .chunk {
    grid-column-start: 2;
    grid-column-end: -2;
  }

  .chunk.on-right,
  .phone-left .chunk,
  .pc-demo.left .chunk {
    grid-column-start: 2;
    grid-column-end: -2;
  }

  #about-box .chunk {
    grid-column-start: 2;
    grid-column-end: -2;
  }

  .magazine-container {
    grid-template-columns: repeat(12, 8.33%);
    grid-gap: 0px;

    padding-top: 2vh;
  }

  .double-chunk .chunk.on-left,
  .double-chunk .chunk.on-right {
    grid-column-start: 2;
    grid-column-end: -2;
  }

  .magazine-link-out {
    grid-column-start: 2;
    grid-column-end: span 5;
  }

  .magazine-container .magazine-column-container {
    grid-column-start: 2;
    grid-column-end: -2;
  }

  .image-tag-container {
    grid-column: 2 / -2;
    display: none;
  }

  #writing-box .chunk {
    padding-top: 0;
    padding-bottom: 96px;
  }

  .scrolling-content-background,
  .fading-content-background {
    position: relative;
    grid-column: 1 / -1;
  }
}
