main.double-scroll {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

main.double-scroll span.left {
  display: block;
  /*background-color: rgba(255,0,0,0.2);*/
  flex-basis: var(--small-col-width);
  padding: var(--main-margin);
  padding-bottom: 5em;
}

main.double-scroll span.right {
  display: block;
  /*background-color: rgba(0,255,0,0.2);*/
  flex-basis: var(--large-col-width);
  padding: var(--main-margin); 
  padding-bottom: 5em; 
}

main.managed {
  display: block;
}

main.managed span.left {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--small-col-width);;
}

main.managed span.right {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--large-col-width);;
}

/* DELETE THIS ? */
main.managed span.left.fixed-to-top,
main.managed span.right.fixed-to-top {
  position: fixed;
  top: var(--header-height);
}

main.managed span.left.fixed,
main.managed span.right.fixed {
  position: fixed;
  top: auto;
  bottom: 0;
}

main.managed span.left.bottom,
main.managed span.right.bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}

span.artist-portrait {
  float: left;
  display: block;
  width: 170px;
  height: 170px;
  background-position: center center;
  background-size: cover;
  margin-right: var(--main-margin);
  margin-bottom: var(--main-margin);
}

h2.artist-name {
  margin: 0;
}

span.artist-birth {
  display: block;
}

main.double-scroll span.left p {
  clear: both;
}

@media(max-width: 1023px) {
  main.double-scroll {
    display: block;
  }
}