.object-resume {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 30px;
}
.object-resume .resume-item {
  width: 20%;
  margin-bottom: 20px;
}
@media (min-width: 48rem) {
  .object-resume .resume-item {
    width:auto;
  }
}

.object-resume .resume-item > .icon,
.object-resume .resume-item > .label {
  text-align: center;
}

.object-resume .resume-item>.label {
  margin-top: 10px;
  font-size: 80%;
}

.object-resume .resume-item > .icon > svg {
  height: 36px;
  width: 36px;
  fill: black;
}

@media (min-width: 75rem) {
  .object-resume .resume-item > .icon > svg {
    height: 48px;
    width: 48px;
  }
}