@media (max-width: 1024px) {
  h3 {
    font-weight: normal;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-inline-end: 0;
    margin-inline-start: 0;
  }

  .columns-area {
    opacity: 1;
    padding-bottom: 4vh;
    padding-top: 2vh;
    width: 100vw;
  }

  .columns-title {
    font-size: 5vw;
    font-weight: normal;
    letter-spacing: 2px;
    opacity: 1;
    text-align: center;
  }

  .columns-sub-title {
    font-size: 2vw;
    letter-spacing: 2px;
    position: relative;
    text-align: center;
    top: -6.1vw;
  }

  .column-list-area {
    width: 100vw;
  }

  a.column-link:link,
  a.column-link:visited,
  a.column-link:hover,
  a.column-link:active {
    color: #1a1a1a;
    display: block;
    margin: auto;
    text-decoration: none;
    width: 90vw;
  }

  .column-first {
    border-top: 2px solid black;
  }

  .column-area {
    border-bottom: 2px solid black;
    height: 24vw;
    margin: auto;
  }

  .column-img {
    border: 1px solid #c8c8c8;
    /* top: 2vw; */
    height: auto;
    left: 4vw;
    position: relative;
    top: calc(2vw - 1px);
    width: 20vw;
  }

  .column-overview {
    height: 19.5vw;
    /* top: -19.3vw; */
    left: 28vw;
    position: relative;
    top: calc(-19.3vw - 1px);
    width: 58vw;
  }

  .column-title {
    font-size: 4vw;
    line-height: 1.3;
    margin-block-end: 0;
    margin-block-start: 0;
  }

  .column-contributor {
    font-size: 2.8vw;
    position: absolute;
    top: 11.5vw;
  }

  .column-date {
    font-size: 2.6vw;
    position: absolute;
    top: 15.5vw;
  }
}