@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.card {
  margin-bottom: 1em;
  flex: 1; }

.card__media-caption {
  display: block; }

.card__content {
  margin: 1em 0; }
  .card__content.center {
    text-align: left; }
  .card__content h3 {
    font-size: 1.1rem;
    text-transform: none; }

.card__title {
  font-weight: 500;
  margin-top: 16px;
  text-transform: uppercase;
  line-height: 1.3; }

.card__subhead {
  font-size: 1.25rem;
  font-weight: normal; }
  @media screen and (min-width: 768px) {
    .card__subhead {
      font-size: 1.5rem; } }

.card__link {
  color: inherit;
  display: inline-block;
  margin-top: 24px; }

.card--wide {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 544px) {
    .card--wide {
      flex-direction: row; } }
  .card--wide .card__media {
    flex: 1; }
  .card--wide .card__content {
    flex: 1; }
    @media screen and (min-width: 544px) {
      .card--wide .card__content {
        margin: 0 0 0 24px; } }
  .card--wide .card__eyebrow {
    margin-top: 0; }

@media screen and (min-width: 544px) {
  .card--media-right {
    flex-direction: row-reverse; } }