body{
  overflow-x: hidden;
}



.testo{
  margin-bottom: 1.5%;
}

.row{
  margin-bottom: 5%;
}

button a{
  text-decoration: none;
}

button a:hover{
  color: white;
}

h5{
  margin-top: 10px;
  margin-bottom: 0px;
}

#registrazione{
  background: #f5f5f5;
  padding-bottom: 10px;
  padding-top: 10px;
}
hr{
  margin-top: 1%;
}

.box{
  border: 1px solid rgba(0,0,0,.1);
  border-radius: .75rem;
}

/* area immagine uguale in entrambe le colonne */
.media{
  height: 400px;              /* regola questo valore una volta sola */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* immagine che NON esplode, resta contenuta e proporzionata */
.media-img{
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  display: block;
}