@charset 'UTF-8';

html, body, #wrapper, main{
  height: 100%;
}
main nav{
  min-height: calc(100% - (163px + (39 / 1024 * 100%) ) );
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
main nav li{
  margin: .2rem;
  font-size: 2.0rem;
  font-weight: bolder;
  line-height: 0.85;
  letter-spacing: calc(0.3 / 20 * 1em);
  text-align: center;
}
main nav li a{
  padding: 1.5rem;
  display: block;
}
main .logo{
  text-align: center;
}
@media screen and (min-width: 768px){
  main nav{
    min-height: 100%;
  }
  main .logo{
    position: absolute;
    left: calc(44 / 1024 * 100%);
    bottom: calc(39 / 1024 * 100%);
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none){
  main nav{
    height: 100%;
  }
}