.menu4 {
  animation: grow4 2s;
}
@keyframes grow4 {
    0% { transform: translateY(-46px); }
    71% { transform: translateY(-46px); }
  76% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.menu5 {
  animation: grow5 2s;
}
@keyframes grow5 {
    0% { transform: translateY(-46px); }
    75% { transform: translateY(-46px); }
  80% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.menu6 {
  animation: grow6 2s;
}
@keyframes grow6 {
    0% { transform: translateY(-46px); }
    79% { transform: translateY(-46px); }
  84% { transform: translateY(0); }
  100% { transform: translateY(0); }
}
.menu0 {
  animation: grow0 2s;
}

@keyframes grow0 {
    0% { transform: translateY(-46px); }
    83% { transform: translateY(-46px); }
  88% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.menu1 {
  animation: grow1 2s;
}
@keyframes grow1 {
    0% { transform: translateY(-46px); }
    87% { transform: translateY(-46px); }
  92% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.menu2 {
  animation: grow2 2s;
}
@keyframes grow2 {
    0% { transform: translateY(-46px); }
    91% { transform: translateY(-46px); }
  96% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.menu3 {
  animation: grow3 2s;
}
@keyframes grow3 {
    0% { transform: translateY(-46px); }
    95% { transform: translateY(-46px); }
  100% { transform: translateY(0); }
  100% { transform: translateY(0); }
}


.wrapper {
  animation: grow 1s;
}
@keyframes grow {
    0% { transform: scale(.2); }
  100% { transform: scale(1); }
}

header {
  animation: slide 2s;
}
@keyframes slide {
    10% { transform: translateY(-46px); }
    30% { transform: translateY(-46px); }
  100% { transform: translateY(0); }
}


@media screen and (max-width:1000px) {
    .menu4 {
  animation: grow4 1s;
}
@keyframes grow4 {
    0% { transform: translateX(100%); }
    20% { transform: translateX(100%); }
  40% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

.menu5 {
  animation: grow5 1s;
}
@keyframes grow5 {
    0% { transform: translateX(100%); }
    30% { transform: translateX(100%); }
  50% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

.menu6 {
  animation: grow6 1s;
}
@keyframes grow6 {
    0% { transform: translateX(100%); }
    40% { transform: translateX(100%); }
  60% { transform: translateX(0); }
  100% { transform: translateX(0); }
}
.menu0 {
  animation: grow0 1s;
}

@keyframes grow0 {
    0% { transform: translateX(100%); }
    50% { transform: translateX(100%); }
  70% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

.menu1 {
  animation: grow1 1s;
}
@keyframes grow1 {
    0% { transform: translateX(100%); }
    60% { transform: translateX(100%); }
  80% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

.menu2 {
  animation: grow2 1s;
}
@keyframes grow2 {
    0% { transform: translateX(100%); }
    70% { transform: translateX(100%); }
  90% { transform: translateX(0); }
  105% { transform: translateX(0); }
}

.menu3 {
  animation: grow3 1s;
}
@keyframes grow3 {
    0% { transform: translateX(100%); }
    80% { transform: translateX(100%); }
  100% { transform: translateX(0); }
  100% { transform: translateX(0); }
}
}