.views-row .views-field-field-photo {
  padding: 1em;
}

.views-row .views-field-field-title,
.views-row .views-field-field-address,
.views-row .views-field-field-email,
.views-row .views-field-nothing,
.views-row .views-field-field-phone {
  padding-left: 1em;
  padding-right: 1em;
}

@media (min-width: 992px) {
    .views-row .views-field-field-title {
        max-width: 21em;
        padding-left: 1em;
        padding-right: 1em;
    }
}


/* Apply flexbox for equal heights only on desktop screens (992px and up) */
@media (min-width: 992px) {

  /* Make the main content area of the View a flex container. */
  .view-content {
    display: flex;
    flex-wrap: wrap;
  }

  /* Each row in the grid needs to be a flex container itself,
     so the panel inside it can grow.
  */
  .views-row {
    display: flex;
    align-items: stretch;
  }

  /* Make the panel inside the row grow to fill the available space.
     This is the key to making them all the same height.
  */
  .views-row .panel {
    flex: 1;
    width: 100%;
  }
}