@media only screen AND (orientation: landscape) AND (max-width: 1024px)
{
  h1 {font-size: 1.8rem}
  h2 {font-size: 0.7rem}
  
  .headerBox {width: calc(100% - 2rem); height: 4.5rem}
  .bodyBox {width: calc(100% - 2rem); height: calc(100vh - 6rem)}
  .footerBox {width: calc(100% - 2rem); font-size: 0.7rem; height: 1.5rem}
  .btnAsk {font-size: 1rem; padding: 0.3rem 0.7rem}
  
  #_worksList li {font-size: 0.8rem}
  
  #_db li div {font-size: 0.7rem}
  #_db li div p {font-size: 0.6rem}

  #_zags {grid-template-columns: repeat(5, 1fr)}
  #_zags li div {font-size: 0.6rem}
  #_zags li div p {font-size: 0.5rem}  
}