main .layout__region--content .grid, main .layout__region--content .grid p, main .layout__region--content .grid h2, main .node-conent .grid, main .node-conent .grid p, main .node-content .grid h2 {min-width: 100%; display:flex; float: left;}
  article  .grid div  {/* margin: auto; */ text-align: center;}
  @media (min-width: 640px) {
 /*  article .grid  { grid-template-columns: repeat(2, minmax(0, 1fr));} */
     article .grid grid--2 { grid-template-columns: repeat(1, minmax(0, 1fr));}
      article .grid--3 { grid-template-columns: repeat(1, minmax(0, 1fr)) ;}
  /* .layout__region--content .grid, .node-content .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } */
  .layout__region--content .grid__item--2, .node-content .grid__item--2 { min-width: 100% !important;}
  }

  @media (min-width: 880px) { /* was 768 */

 /*  article .grid  { grid-template-columns: repeat(2, minmax(0, 1fr)) ;} */



   article .grid grid--2 { grid-template-columns: repeat(1, minmax(0, 1fr));}
   article .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)) ;}
  /* .layout__region--content .grid, .node-content .grid { grid-template-columns: repeat(2, minmax(0, 1fr));} */
  .layout__region--content .grid__item--2, .node-content .grid__item--2  { display: inline-block;  float: left; padding: 4px;  overflow: hidden; min-width: 100% !important;} /* max-width: 46%; min-width: 48%; 
  .layout__region--content .grid__item--4, .node-content .grid__item--4 { max-width: 48%;float: left; padding: 4px; }
  }


  @media (min-width: 1280px) {
    article .grid grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr));}
      article .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr));}
    article .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr));}
  /* .layout__region--content .grid, .node-content .grid { grid-template-columns: repeat(4, minmax(0, 1fr));} */
  .layout__region--content .grid__item--2, .node-content .grid__item--2 {display: inline-block; max-width: 46%; min-width: 48%;float: left; padding: 4px;  overflow: hidden; }
  .layout__region--content .grid__item--3, .node-content .grid__item--3 {   ; max-width: 32%; float: left; padding: 4px; }
  .layout__region--content .grid__item--4, .node-content .grid__item--4 {  ; max-width: 24%; float: left; padding: 4px; }
  }