/* Gestione blocchi dichiarazione fermate */
.labelBottom {
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0 0.4em;
  width: 100%;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
  line-height: 1em;
}
.dichBlock {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #FFF;
  background-image: linear-gradient(#111, #000);
  box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
  /*width: 4rem;*/
}
/* First breakpoint is 425px */
@media all and (max-width: 425px) {
  .dichBlock {
    font-size: 0.7em;
  }
}
@media all and (min-width: 425px) {
  .dichBlock {
    font-size: 0.8em;
  }
}
/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
@media all and (min-width: 600px) {
  .dichBlock {
    font-size: 1em;
    /*width: 7em;*/
  }
}
/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
@media all and (min-width: 800px) {
  .dichBlock {
    font-size: 1.4em;
    /*width: 7em;*/
  }
}
/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
@media all and (min-width: 1100px) {
  .dichBlock {
    font-size: 1.5em;
    /*width: 7em;*/
  }
}