.events, .events .events-gallery {
  margin: 0 auto;
  width: 90%;
}

.events {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 24px 18px 64px rgba(0, 0, 0, 0.1);
          box-shadow: 24px 18px 64px rgba(0, 0, 0, 0.1);
  margin: 2em auto;
  padding: 1.5em;
}

.events-menu {
  text-align: center;
}

.events-item {
  font-weight: 700;
  padding: 0.75em 0;
}

.events-item a {
  color: #333;
}

.events-item a:hover {
  color: #1682c3;
}

.events .events-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(200px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1em;
}

.events .events-gallery img {
  width: 100%;
}

@media (min-width: 700px) {
  .events {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 75%;
        grid-template-columns: 25% 75%;
  }
  .events-menu {
    border-right: 1px solid #e5e5e5;
    text-align: left;
  }
}
/*# sourceMappingURL=events.css.map */