@media screen and (min-width: 768px) {
  .l-3x > .l-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 768px) {
  .l-3x > .l-container > * {
    flex: 0 1 33.33%;
    padding: 15px;
  }
}
.l-3x > .l-container > *:not(:last-child) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .l-3x > .l-container > *:not(:last-child) {
    margin-bottom: 0;
  }
}