2 or more columns on a row

can you please exclude the text-block with the heading to an extra section before that section with all those “Settori”
by the way – why don’t you use for a heading a heading element instead of putting the heading inside a text-block element?

after that – we can handle the whole container as a flex container
no need for a second color-section handling the other layouts for responsive design.

look to the layout image again – the color-section with your columns should have the custom-class : settore-attivita
you gave to it an ID : settore-attivita

If you like to have only 2 columns beside – even on mobile phone just get rid of last media query rules:

@media only screen and (max-width: 549px) {
  #top .settore-attivita .entry-content-wrapper .flex_column {
    flex: 1 1 100%;
  }
}

if you want it 5 columns on desktop and on mobile always 2 column:

#top .settore-attivita .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

#top .settore-attivita .entry-content-wrapper:before,
#top .settore-attivita .entry-content-wrapper:after {
  display: none !important;
}

#top .settore-attivita .entry-content-wrapper .flex_column {
  flex: 0 1 19%;
  width: unset !important;
  margin: 0px;
}

@media only screen and (max-width: 767px) {
  #top .settore-attivita .entry-content-wrapper .flex_column {
    flex: 0 1 48%;
  }
}
}

you see how it works ?

non c’è di che