/** ===============================================

  Responsive

  ===============================================**/

/** ===============================================

  Layout

  ===============================================**/

/** ===============================================

  Flexbox

  ===============================================**/

/** ===============================================

  Position

  ===============================================**/

/** ===============================================

  Effects

  ===============================================**/

/** ===============================================

  Buttons

  ===============================================**/

/** ===============================================

  Components

  ===============================================**/

.paragraph--type-grid .field--name-field-items {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -moz-justify-content: center;

  -webkit-justify-content: center;

  -ms-justify-content: center;

  justify-content: center; }

  .paragraph--type-grid .field--name-field-items > * {

    -webkit-flex: 1;

    /* Safari 6.1+ */

    -ms-flex: 1;

    /* IE 10 */

    flex: 1; }

  @media (min-width: 48rem) {

    .paragraph--type-grid .field--name-field-items {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: reverse;

      -webkit-flex-direction: row;

      -moz-box-orient: horizontal;

      -moz-box-direction: reverse;

      -ms-flex-direction: row;

      flex-direction: row; } }

  @media (min-width: 48rem) {

    .paragraph--type-grid .field--name-field-items {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -webkit-flex-direction: column;

      -moz-box-orient: vertical;

      -moz-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column; } }

  @media (min-width: 48rem) and (min-width: 48rem) {

    .paragraph--type-grid .field--name-field-items {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: reverse;

      -webkit-flex-direction: row;

      -moz-box-orient: horizontal;

      -moz-box-direction: reverse;

      -ms-flex-direction: row;

      flex-direction: row; } }