.colWrap {
  display: flex;
  flex-wrap: wrap;
}
.col {
  flex-grow: 1;
  margin: .5%;
}
/**************************************** Cols ****************************************/
/*50-50*/
.twoCols .fifty{
  width: 49%;
}
/*40-60*/
.twoCols .fourty{
  width:40%;
}
.twoCols .sixty{
  width:58%;
}
/*30-70*/
.twoCols .thirty{
  width:30%;
}
.twoCols .seventy{
  width:68%;
}
/*30-30-30*/
.threeCols .thirty{
  width:32%;
}
/*25-25-25-25*/
.fourCols .twentyfive{
  width: 24%;
}
/*20-20-20-20-20*/
.fiveCols .twenty{
  width: 19%;
}


/************************************ Responsive ************************************/
@media screen and (max-width:1023px){
.twoCols .seventy,
.twoCols .thirty,
.threeCols .thirty,
.fourCols .twentyfive,
.fiveCols .twenty{
  width: 100%;
}
}
@media screen and (max-width:767px){
.twoCols .seventy,
.twoCols .thirty,
.threeCols .thirty,
.fourCols .twentyfive,
.fiveCols .twenty{
  width: 100%;
}
}