.intestazione {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 999;
}

.hero {
  background-color:rgba(0,0,0,0.2);
  background-blend-mode: overlay;
  background-image: url(../immagini/home/chopping.jpg);
  background-size: cover;
  background-position: center center;
}

.hero h1 {

  text-shadow: 4px 4px 8px black;
}

ol.allievi {
  /*max-width: 350px;*/
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}

ol.allievi li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  line-height: 24px;
}

ol.allievi li::before {
  --size: 24px;
  background: black;
  border-radius: 50%;
  box-shadow: 1px 1px 0 #999;
  color: #fcd000;
  content: counter(my-awesome-counter);
  font-size: 14px;
  font-weight: bold;
  height: var(--size);
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  position: absolute;
  text-align: center;
  top: 0;
  transform: rotate(-10deg);
  width: var(--size);
}

.elenco-stagioni {
  display: block;
  margin:0;
  padding:0;
}

.elenco-stagioni > li {
  display:inline-block;
  width: 320px;
}

.elenco-stagioni > li > a {
  font-size: 24px;
  font-weight: light;
  padding: 8px 12px;
  display: block;
  transition: all linear 500ms;
}

.elenco-stagioni > li > a:hover { 
  background-color: aliceblue;
  text-decoration: none;
  box-shadow: 0  0 12px rgba(0,0,0,0.3);
  transition: all linear 250ms;
}