body {
  background-color: ivory;
  font-family: sans-serif;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#head {
  width:100%;
  display:flex;
  justify-content: space-around;
  max-width:1200px;
  padding:1vmin 0;
}
#head img {
  height:4.5vmin;
}
#back {
  cursor:pointer;
}
#menu {
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width:1600px;
}
.item {
  display:flex;
  align-items: center;
  border:2px solid blue;
  margin:1vmin;
  width: 500px;
  background-color: #eff;
}
.item a {
  text-decoration: none;
}
.item img {
  height:16vmin;
  padding:.6vmin;
  box-shadow: 3px 3px 5px;
  background-color: #cff;
  margin:1vmin;
  font-size: 2vmin;
}
.box {
  display:flex;
  flex-direction: column;
  align-items: center;
  padding:2vmin;
}
.title {
  text-align: center;
  color:blue;
  font-size:120%;
  font-style: italic;
  margin-bottom:1vmin;
}
.desc {
  color:black;
}
#pbg {
  text-align: center;
  margin-top: 1vmin;
  color:blue;
  font-size: 120%;
  font-weight: bold;
}
@media (orientation:portrait) {
  #menu {
    flex-direction: column;
  }
  .item {
    width: 90vw;
    font-size: 3vmin;
  }
}