@media only screen and (max-device-width:450px) and (orientation:portrait){
  body {
    font-size: 4vw;
  }
  body > * {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (max-device-width:850px) and (orientation:landscape) {
  body {
    font-size: 4vh;
  }
  body > * {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}