.events.moduletable {
  ul.mod-articles-items {
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: space-between;
    li {
      flex-basis: calc(33% - 0.67rem);
    }
    .mod-articles-item {
      .mod-articles-item-content {
        .event-date {
          max-width: 3.5rem;
          margin-bottom: 2rem;
          line-height: 1.2;
          font-size: 3.2rem;
          font-family: "Bebas Neue", serif;
          font-weight: bold;
          letter-spacing: 2px;
          color: #fff;
        }
        .dateDay {
          max-width: 3.5rem;
          margin-bottom: 2rem;
          line-height: 1.2;
        }
        .articleTitle {
          letter-spacing: 2px;
          display: flex;
          justify-content: space-between;
          transition: all 0.2s;
          i, a {
            color: #fff;
          }
          &:hover {
            i, a {
              opacity: 0.7;
              text-decoration: none;
            }
          }
          .mod-articles-title {
            margin-top: 0;
            font-family: "Bebas Neue", serif;
            font-weight: 600;
            font-size: 28px;
            line-height: 1;
          }
        }
      }
    }
    li {
      padding: 40px;
    }
    li:nth-of-type(1) {
      background: #19396d;
    }
    li:nth-of-type(2) {
      background: #03989e;
    }
    li:nth-of-type(3) {
      background: #737373;
    }
  }
}
@media screen and (width < 960px) {
  .events.moduletable {
    ul.mod-articles-items {
      justify-content: center;
      li {
        flex-basis: calc(50% - 0.5rem) !important;
      }
    }
  }
}
@media screen and (width < 650px) {
  .events.moduletable {
    ul.mod-articles-items {
      justify-content: center;
      li {
        flex-basis: 100% !important;
      }
    }
  }
}