body {
  box-sizing:border-box;
}
body * {box-sizing:inherit}
.testo{
  font-size:20px;
  font-family: 'Nunito Sans', sans-serif;
  text-align:left;
  color:gray;
  padding-left:30px;
  
}
.icona{
  color:#ff9900;
  font-size:20px;
  float:left;
  text-align:left;
  width:10%;
  height:0%;
  padding-top:50px;
}
.box {
  
  width: 95%;
  margin-right:10px;
  margin-left:10px;
  margin-bottom:2%;
  min-height:150px;
  padding-right:40px;
  padding-left:40px;
  padding-top:40px;
  padding-bottom:40px;
  background-color:#F8F8F8;
  border: solid 1px #CECECE;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
  @media only screen and (min-width: 615px) {
    .box {
  float:left;
  width: 30%;
  height: 230px;
  margin-right:10px;
  margin-left:10px;
  margin-bottom:2%;
  min-height:150px;
  padding-right:40px;
  padding-left:40px;
  padding-top:40px;
  padding-bottom:40px;
  background-color:#F8F8F8;
  border: solid 1px #CECECE;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
    
    &:nth-child(2n) {
      margin-right:0;
    }
  }
  
  @media only screen and (min-width: 930px) {
     width:31.95%;
    
    &:nth-child(2n) {
      margin-right:2%;
    }
    &:nth-child(3n) {
      margin-right:0;
    }
  }
  
  @media only screen and (min-width: 1200px) {
     width:23.45%;
    
    &:nth-child(2n) {
      margin-right:2%;
    }
    &:nth-child(3n) {
      margin-right:2%;
    }
    &:nth-child(4n) {
      margin-right:0;
    }
  }
}