/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
.card__icon {
  font-size: 3.125rem;
  padding: 0 1.5625rem;
}
.card__icon * {
  font-size: inherit;
}
.card__title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin: 0;
}
.card__subtitle {
  font-size: 1rem;
}
.card__description {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .card--small-icon-left {
    display: flex;
    flex-direction: row;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .card--medium-icon-left {
    display: flex;
    flex-direction: row;
  }
}
@media print, screen and (min-width: 64em) {
  .card--large-icon-left {
    display: flex;
    flex-direction: row;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .card--small-icon-right {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .card--medium-icon-right {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .card--large-icon-right {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .card--small-icon-center {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .card--medium-icon-center {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  .card--large-icon-center {
    display: flex;
    flex-direction: column;
  }
}