.container__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 25px auto; }

.card { width: 100%; min-height: 300px; -webkit-box-shadow: 0px 1px 6px #CECECE; box-shadow: 0px 1px 6px #CECECE; margin: 0 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; }

.card:first-of-type { margin: 0; }

.card__img { width: 100%; height: 200px; overflow: hidden; background-size: cover; background-position: center; }

.card__info { display: block; width: 100%; padding: 15px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; }

.card__info .info__title { display: block; font-size: 1.25rem; font-weight: 600; margin: 0 0 5px 0; color: #315470; }

.card__info .info__content { font-size: 0.9rem; margin: 0; height: auto; -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4; }

.card__button { display: block; padding: 10px 20px; width: 100%; margin: 15px 0 auto 0; background: #315470; color: #fff; font-weight: 400; text-decoration: none; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }

.card__button:hover { color: #fff; background: rgba(49, 84, 112, 0.9); }

@media screen and (max-width: 640px) { .container__flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; }
  .card { width: 100%; margin: 10px 0; min-height: 100px; } }
/*# sourceMappingURL=Card.css.map */