@media (max-width: 575.98px) {
    .nav-item i{
        font-size: 4.5vw;
    }
.nav-open:checked ~ .nav-item:nth-child(3) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 1), 0);
}

.nav-open:checked ~ .nav-item:nth-child(4) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 2), 0);
}

.nav-open:checked ~ .nav-item:nth-child(5) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 3), 0);
}

.nav-open:checked ~ .nav-item:nth-child(6) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 4), 0);
}
.nav-open:checked ~ .nav-item:nth-child(7) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 5), 0);
}
.nav-open:checked ~ .nav-item:nth-child(8) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 6), 0);
}
.nav-open:checked ~ .nav-item:nth-child(9) {
  transform: translate3d(0, calc(var(--menu-button-sz-sm) * 7), 0);
}
}