[data-b='portfolio'] {
  background-color: #1c2025;
  padding-top: 1.5rem;
  padding-bottom: 5.333333333333333rem;
}
@media (min-width: 993px) {
  [data-b='portfolio'] .list-events > [data-e='event-square']:not(:nth-child(3n)),
  [data-b='other-events'] .list-events > [data-e='event-square']:not(:nth-child(3n)) {
    margin-right: 3rem;
  }
  [data-b='portfolio'] .list-events > [data-e='event-wide']:nth-child(odd) .image,
  [data-b='other-events'] .list-events > [data-e='event-wide']:nth-child(odd) .image {
    margin-right: 3rem;
  }
  [data-b='portfolio'] .list-events > [data-e='event-wide']:nth-child(even) .image,
  [data-b='other-events'] .list-events > [data-e='event-wide']:nth-child(even) .image {
    order: 2;
  }
  [data-b='portfolio'] .list-events > [data-e='event-wide']:nth-child(even) .info,
  [data-b='other-events'] .list-events > [data-e='event-wide']:nth-child(even) .info {
    order: 1;
    margin-right: 3rem;
  }
}
@media (max-width: 992px) {
  body [data-app="content"] [data-b='portfolio'],
  body [data-app="content"] [data-b='other-events'] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  body [data-app="content"] [data-b='portfolio'] > .list-events,
  body [data-app="content"] [data-b='other-events'] > .list-events {
    margin-top: -2rem;
  }
  body [data-app="content"] [data-b='portfolio'] .list-events > [data-e='event-square']:nth-child(even) .image,
  body [data-app="content"] [data-b='other-events'] .list-events > [data-e='event-square']:nth-child(even) .image {
    order: 2;
  }
  body [data-app="content"] [data-b='portfolio'] .list-events > [data-e='event-square']:nth-child(even) .info,
  body [data-app="content"] [data-b='other-events'] .list-events > [data-e='event-square']:nth-child(even) .info {
    order: 1;
  }
  body [data-app="content"] [data-b='portfolio'] [data-e="pagination"],
  body [data-app="content"] [data-b='other-events'] [data-e="pagination"] {
    padding-left: calc(100vw / 12);
    padding-right: calc(100vw / 12);
  }
  body [data-app="content"] [data-b="other-events"] [data-e='title'] {
    padding-left: calc(100vw / 12);
    padding-right: calc(100vw / 12);
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
