@media only screen AND (orientation: portrait)
{
  h1 {font-size: 1.7rem}
  h2 {font-size: 0.8rem}
  
  .headerBox {width: calc(100% - 2rem); height: 4rem}
  .bodyBox {width: calc(100% - 2rem); height: calc(100vh - 8rem); padding: 0}
  .footerBox {width: calc(100% - 2rem); justify-content: center}
  .btnAsk {margin-top: 1rem; padding: 0.2rem 0.7rem; font-size: 1rem}
  
  #_worksList {display: block; width: 100%}
  #_worksList li {width: 100%}
  
  .zagsAbout {font-size: 0.9rem; margin: 1rem 0}
  
  #_db {grid-template-columns: repeat(2, 1fr)}
  #_db li div {font-size: 0.7rem}
  #_db li div p {display: none}

  #_zags {grid-template-columns: repeat(3, 1fr)}
  #_zags li {margin: 0}
  #_zags li div {font-size: 0.6rem}
  #_zags li div p {display: none}    
}