.h-mv {
  height: 100%;
}
.w-mv {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .h-mv {
    height: calc(100% - 2rem);
  }
  .w-mv {
    width: calc(100% - 1rem);
  }
}

#header.nav-up {
  transition: top 0.2s ease-in-out;
  top: -168px;
}

#header.nav-down {
  transition: top 0.2s ease-in-out;
}

main {
  margin-top: 168px;
}

@media screen and (max-width: 1023px) {
  #header.nav-up {
    top: -96px;
  }
  main {
    margin-top: 96px;
  }
}

@media screen and (max-width: 639px) {
  #header.nav-up {
    top: -80px;
  }
  main {
    margin-top: 80px;
  }
}