.model-card {
  overflow: hidden;
  height: 100%;
  border: 1px solid #dfe7ec;
  border-radius: 8px;
  background: #fff;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.model-grid {
  margin-right: -8px;
  margin-left: -8px;
}

.model-grid > [class*="col-"] {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.model-card:hover,
.model-card:focus {
  border-color: rgba(0, 155, 184, .32);
  box-shadow: 0 10px 24px rgba(28, 42, 56, .1) !important;
  transform: translateY(-2px);
}

.model-card a,
.model-card a:hover {
  text-decoration: none;
}

.model-card .placeholder {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #f5f8fa;
  border-radius: 8px;
}

.model-image {
  height: 170px;
  padding: 6px;
}

.model-card a {
  color: #17212b;
  font-weight: 700;
}

.model-card-title {
  padding: 0 8px;
}

.model-card-meta {
  min-height: 32px;
  padding: 2px 8px 0;
  color: #6b7783;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
}

@media only screen and (max-width: 767px) {
  .model-image {
    height: 85px;
  }

  .model-image img {
    height: 100%;
  }
}