.highlight-cards::after {
  clear: both;
  content: "";
  display: block; }

@media only screen and (min-width: 768px) {
  .highlight-cards {
    display: flex;
    align-items: center; } }

.highlight-cards .highlight-card {
  width: 100%;
  margin: 0 auto 2em; }
  @media only screen and (min-width: 768px) {
    .highlight-cards .highlight-card {
      width: calc(50% - 45px);
      float: left;
      margin-left: 30px;
      min-height: 200px;
      margin-bottom: 0; } }

/*# sourceMappingURL=highlight-cards.component.css.map */