@media (max-width:900px){

  body > * {
    max-width:100% !important;
    margin:0 auto;
  }

  .container{
    max-width:100% !important;
    padding:16px !important;
  }

  .grid{
    grid-template-columns:1fr !important;
  }

  .header{
    flex-direction:column !important;
    align-items:flex-start !important;
    padding:12px !important;
  }

  .nav{
    overflow-x:auto;
    white-space:nowrap;
    padding:10px !important;
  }

  .search input{
    width:100% !important;
  }

  input, select, button{
    width:100% !important;
  }

  .buttons{
    flex-direction:column;
  }

  .title{
    font-size:22px !important;
  }

}