.theatre {
  /* background: var(--color-secondary-or-base-bg);
  color: var(--color-secondary-or-base-fg); */
  padding: 0 var(--1);
  max-width: var(--max);
  box-sizing: border-box;
  margin: var(--vertical-outer) auto;
  @media (min-width: 1000px) {
    padding: 0 var(--6);
  }
  @media (min-width: 1920px) {
    border-radius: var(--curvynes);
  }
}

.theatre__main {
  @media (min-width: 1000px) {
    margin: 0 auto var(--4);
  }
}

.theatre__footer {
  margin-top: var(--2);
}

.theatre__media {
  video,
  iframe,
  img {
    max-width: 100%;
  }
}

.theatre__title {
  margin: 0;
}

@media (max-width: 999px) {
  .theatre__title {
    font-size: 1.33333333rem;
  }
  .theatre {
    display: flex;
    flex-direction: column;
  }
  .theatre__main {
    order: 1;
    margin-top: var(--2);
  }
}