.cotoneaster {
  height: 430px;
  .mdl-card__supporting-text {
    @include typo-card-supporting-text;
    padding-bottom: 26px;
  }
  .mdl-card__title {
    background: url('../images/cotoneaster.jpg') center center no-repeat;
    background-size: cover;
    .mdl-card__title-text {
      color: $card-title-img-color;
    }
  }
}

@media screen and (max-width: $grid-tablet-breakpoint - 1px) {
  .cotoneaster {
    height: 329px;
  }
}