/* Start Styles */
@media only screen and (max-width: 500px) {

  .feature-q {
    width: 20%
  }

}

/* Mobile Styles */
@media only screen and (min-width: 501px) and (max-width: 800px) {

  .feature-q {
    width: 20%
  }

}

/* Tablet Styles */
@media only screen and (min-width: 801px) and (max-width: 1100px) {
 
  .feature-q {
        width: 10%;
        font-size: 50%;
  }
}

/* Desktop Styles 1 */
@media only screen and (min-width: 1101px) and (max-width: 1500px) {

  .feature-q {
    width: 8.33%;
  }
}

/* Desktop Styles 2 */
@media only screen and (min-width: 1501px) {


  .feature-q {
    width: 8.33%;
  }
}

/* FINE RESPONSIVE INIZIO DESCRIZIONE CLASSI */


.feature-q {
  background-color:rgb(0, 0, 0);
  transition: 0.2s; /* Animazione */
  border-width: 4px;
  padding: 0.5px;
}

.feature-q:hover {
  transform: scale(5);
  border-width: 10px;
  border-color: #eb3a81;
  opacity: 0.9;
}