@media screen and (min-width: 1100px) {
.flex-quadrato { /*ho tolto le animazioni*/
  width:90%;
  height:auto;
  overflow: hidden;
  margin:0 auto;
  padding:15px 10px 15px 10px;
  -ms-box-orient:horizontal;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-moz-flex;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  color:#fff;
  align-items: flex-start;
}
.quadrato-flex{
  max-width:300px;
  height: 210px;
  padding:10px;
  background-color: #333;
  margin-right:20px;
  border-radius:10px;
}
.box {
  margin: 0 auto;
  width: auto;
  padding: 15px 20px 20px 40px;
  position: relative;
}
.testoB {
  display: block;
  width: 100px;
  position: absolute;
  left: 5px;
  color:#00aa00;
  top: 5%;
  text-decoration: underline;
}
}

@media screen and (min-width: 800px) and (max-width: 1099px){
.flex-quadrato { /*ho tolto le animazioni*/
  width:90%;
  height:auto;
  overflow: hidden;
  margin:0 auto;
  padding:15px 10px 15px 10px;
  -ms-box-orient:horizontal;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-moz-flex;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  color:#fff;
  align-items: flex-start;
}
.quadrato-flex{
  max-width:200px;
  height: 210px;
  padding:10px;
  background-color: #333;
  margin:10px;
  border-radius:10px;
}
.box {
  width: auto;
  padding: 10px;
  position: relative;
  font-size: 0.9em;
}
.testoB {
  display: block;
  width: 100px;
  position: absolute;
  left: 5px;
  color:#00aa00;
  top: 5%;
  text-decoration: underline;
}
}

@media screen and (max-width: 799px){
.flex-quadrato { /*ho tolto le animazioni*/
  width:100%;
  height:auto;
  overflow: hidden;
  margin:0 auto;
  padding:15px 10px 15px 10px;
  -ms-box-orient:horizontal;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-moz-flex;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  color:#fff;
  align-items: flex-start;
}
.quadrato-flex{
  width:90%;
  height: auto;
  padding:10px;
  background-color: #333;
  margin-top:10px;
  border-radius:10px;
}
.box {
  width: auto;
  padding: 10px;
  position: relative;
  font-size: 0.9em;
}
.testoB {
  display: block;
  width: 100px;
  position: absolute;
  left: 5px;
  color:#00aa00;
  top: 5%;
  text-decoration: underline;
}
}