/* Telas pequenas. */
.scrim{display:none}
@media (max-width:900px){
  .gate{grid-template-columns:minmax(0,1fr)}
  .gate .art{padding:32px 16px} .gate .txt{padding:28px 16px 40px}
  .app{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed; inset:0 auto 0 0; width:264px; z-index:25; transform:translateX(-100%); transition:transform .3s; height:100%}
  .side.open{transform:none}
  .scrim.on{display:block; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:24}
  .menu-btn{display:inline-block}
  .grid2,.grid2.even,.form-grid{grid-template-columns:minmax(0,1fr)}
  .head h1{font-size:25px}
  .top{padding:10px 16px} .view{padding:20px 16px 70px}
  .today{display:none}
}