.menus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width:1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .menus .cell {
    display: flex;
    border: solid 1px #b59f82;
    padding: 20px;
    background: #fff;
    margin: 10px;
    width: calc((100vw - 80px - 40px) / 3);
  }

  .menus .cell img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 220px;
    margin-right: 10px;
  }

  .menus .cell .menuitemtext {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 200px;
  }

  @media screen and (max-width:1500px) {
    .menus .cell {
      display: block;
      width: calc((100vw - 80px - 40px) / 3);
    }

    .menus .cell img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
    }
  }

  @media screen and (max-width:970px) {
    .menus .cell img {
      width: 100%;
      aspect-ratio: 1.6;
      object-fit: cover;
    }

    .menus .cell {
      width: calc((100vw - 80px - 40px) / 2);
    }

  }

  @media screen and (max-width:780px) {
    .menus .cell {
      width: calc((100vw - 80px - 20px) / 1);
    }

  }