/*-- main screen --*/
@media screen and (min-width:640px) {
  h3, h4{
      padding:10px;
      margin:10px;
  }
  .menu{
    margin: 10px auto;
    width:90vw;
    max-width: 640px;
  }
  .list{
    margin:30px;
    padding:30px;
    text-align:left;
  }
  .pager{
    margin:30px;
    padding:30px;
  }
}
/*-- small screen --*/
@media screen and (max-width:639px) {
  .menu{
    margin: 10px auto;
    max-width: fit-content;
  }
  .list{
    margin: 10px auto;
    max-width: fit-content;
  }
  .list img{
    display:block;
  }
  .box{
    max-width: fit-content;

  }
}
@media screen and (max-width:360px) {
}