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));} removed for grid wysiwyg template */
     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)); } removed for grid wysiwyg template */
 /* .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)) ;} removed for grid wysiwyg template */



   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));}  removed for grid wysiwyg template */ 
  .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; }
  }
  
  
  .grid__item--5:first-child {
    width: 100% !important;
}
article .grid div {
  margin: 0 !important;
}