.row_main {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}

/* Create four equal columns that sits next to each other */
.column_main {
  flex: 10%;
  max-width: 30vw;
  padding:2vw;
  flex-wrap: wrap;
  text-align: center;
}

.column_main p {
  text-align:center;
  font-weight:bold;
  line-height:1.3em;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 1000px) {
  .column_main {
    flex: 20%;
    max-width: 33vw;
  }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  .column_main {
    flex: 25%;
    max-width: 50vw;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column_main {
    flex: 35%;
    max-width: 100vw;
  }
}