/* flexrow ---------------------------------------- */
.flexrow{display:flex;flex-wrap:wrap;}
.flexrow-justify-start,flexrow-start{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.flexrow-justify-center,.flexrow-center{display:flex;flex-wrap:wrap;justify-content:center;}
.flexrow-justify-end,.flexrow-end{display:flex;flex-wrap:wrap;justify-content:flex-end;}
.flexrow-justify-around,.flexrow-around{display:flex;flex-wrap:wrap;justify-content:space-around;}
.flexrow-justify-between,.flexrow-between{display:flex;flex-wrap:wrap;justify-content:space-between;}
.flexrow-justify-evenly,.flexrow-evenly{display:flex;flex-wrap:wrap;justify-content:space-evenly;}
/* flexrow column */
.flexrow-column{display:flex;flex-wrap:wrap;flex-direction:column;}
.flexrow-column-start{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;}
.flexrow-column-center{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;}
.flexrow-column-end{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;}
.flexrow-column-around{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;}
.flexrow-column-between{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;}
.flexrow-column-evenly{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-evenly;}

/* flexbox ---------------------------------------- */
.flexbox{display:flex;flex-wrap:wrap;gap:12px;}
.flexbox-justify-start,flexbox-start{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;}
.flexbox-justify-center,.flexbox-center{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.flexbox-justify-end,.flexbox-end{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;}
.flexbox-justify-around,.flexbox-around{display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;}
.flexbox-justify-between,.flexbox-between{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;}
.flexbox-justify-evenly,.flexbox-evenly{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:12px;}
/* flexbox column */
.flexbox-column{display:flex;flex-wrap:wrap;flex-direction:column;gap:12px;}
.flexbox-column-start{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;gap:12px;}
.flexbox-column-center{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:12px;}
.flexbox-column-end{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;gap:12px;}
.flexbox-column-around{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;gap:12px;}
.flexbox-column-between{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;gap:12px;}
.flexbox-column-evenly{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-evenly;gap:12px;}









/* flexible ---------------------------------------- */
.flexible{display: flex; flex-wrap: wrap; justify-content: center; text-align: center; gap:12px;}
.flexible > div{min-width:240px; flex:1 0 20%;}