*:before, *:after {
  /*box-sizing: inherit;*/
}

#down1 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 50px solid rgb(255,255,255);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
  background: -webkit-linear-gradient(top,#a05e5a,#673835);
}

#down2 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 50px solid rgb(93,119,65);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#down3 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 55px solid rgb(104,57,54);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#down4 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 55px solid rgb(163,58,0);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#down5 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 55px solid rgb(27,39,69);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#down6 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 55px solid rgb(156,142,23);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#down7 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 55px solid rgb(133,19,136);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#down8 {
  margin: 0 auto;
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 55px solid rgb(68,143,125);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

@media (max-width: 575px) {
  #down9 {
    z-index: 3000;
    margin: 0 auto;
    border-left: 45px solid rgba(0,0,0,0);
    border-right: 45px solid rgba(0,0,0,0);
    border-top: 55px solid rgb(65,65,65);
    filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
    transform: translateY(98px);
  }
}

@media (min-width: 576px) {
  #down9 {
    z-index: 3000;
    margin: 0 auto;
    border-left: 45px solid rgba(0,0,0,0);
    border-right: 45px solid rgba(0,0,0,0);
    border-top: 55px solid rgb(65,65,65);
    filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
  }
}

#down10 {
  border-left: 45px solid rgba(0,0,0,0);
  border-right: 45px solid rgba(0,0,0,0);
  border-top: 100px solid rgba(255,255,255,0.24);
  filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
  z-index: 0;
}

#i01 {
  font-size: 7vh;
  vertical-align: middle;
  color: white;
  text-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
}