/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
/** deco image in _misc.scss name deco_XX **/
.paragraph--type--keys {
  display: grid;
  grid-column-gap: 15px;
  grid-column-gap: var(--spacing-auto, 15px);
  -moz-column-gap: 15px;
       column-gap: 15px;
  -moz-column-gap: var(--spacing-auto, 15px);
       column-gap: var(--spacing-auto, 15px);
  grid-row-gap: 20px;
  grid-row-gap: var(--spacing-auto-md, 20px);
  row-gap: 20px;
  row-gap: var(--spacing-auto-md, 20px);
  justify-content: center;
}
@media (min-width: 480px) {
  .paragraph--type--keys {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    row-gap: var(--spacing-auto-xl, 40px);
  }
}
@media (min-width: 1200px) {
  .paragraph--type--keys {
    justify-content: space-between;
  }
}
.paragraph--type--keys > * {
  flex: 1 1 200px;
}
/*# sourceMappingURL=paragraphs.css.map */