@media (min-width: 800px) {

.grid .views-rows {
  display: grid;
  grid-gap: 1rem;
  margin: 1em 0;
}

.grid-2 .views-rows {
  grid-template-columns: repeat(2,1fr);
}

.grid-3 .views-rows {
  grid-template-columns: repeat(3,1fr);
}

.grid-4 .views-rows {
  grid-template-columns: repeat(4,1fr);
}

}
/* Pattern overrides when using Grid */

.grid .callout-card {
  max-width: initial;
  height: 100%;
}
.grid .callout-card .callout-card__title {
  position: initial;
  transform: initial;
}

.grid .clearfix:after {
  content:none;
}