.grid-flex{display:flex;flex-wrap:wrap;margin:calc(var(--gap) * -1) calc(var(--gap) / -2)}.grid-flex .grid__col{flex:0 0 100%;max-width:100%;padding:var(--gap) calc(var(--gap) / 2)}.grid-flex .grid__col--1of2{flex:0 0 50%;max-width:50%}.grid-flex .grid__col--1of3{flex:0 0 33.333%;max-width:33.333%}.grid-flex .grid__col--1of4{flex:0 0 25%;max-width:25%}@media (max-width: 1023px){.grid-flex .grid__col--1of3,.grid-flex .grid__col--1of4{flex:0 0 50%;max-width:50%}}@media (max-width: 767px){.grid-flex .grid__col--1of2,.grid-flex .grid__col--1of3,.grid-flex .grid__col--1of4{flex:0 0 100%;max-width:100%}}