.card-deck {

display: block;
display: flex;
flex-flow: row wrap;

.card {
  display: block;
  display: flex;
  flex: 0 0 units("mobile");
  flex-direction: column;
  float: left;
  margin-bottom: units(4);
  min-width: units("mobile");

  &:not(:last-child) {
    margin-right: units(2);
  }
}

}

.card {

border: units(1px) solid color("base-lightest");
position: relative;
width: units("card-lg");

.card-img-top {
  display: block;
  height: units("card-lg");
  width: 100%;
}

.card-body {
  flex: 1 1 auto;
  padding: units(2.5);

  :first-child {
    margin-top: 0;
  }

  :last-child {
    margin-bottom: 0;
  }
}

.card-footer {
  padding: units(2.5);
}

.card-read-more-link {
  display: inline-block;
  text-decoration: none;

  svg {
    display: inline-block;
    fill: color("primary");
    height: units(1.5);
    margin-left: units(0.5);
    margin-top: units(-2px);
    vertical-align: middle;
    width: units(1.5);
  }
}

}