@charset "UTF-8";
.item {width: 50%;
  border:1px solid gray;
  border-radius: 10px;
  text-align: center;
  padding:1%;margin:1%;
}
.item img {
  max-width: 95%;
  height: auto;
}
p {
  text-align: left;
}

/* tablet 768-991 */
@media only screen and (min-width: 768px) {
.flexbox {background-color:yellow;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    }
  .item {width:23%;}

}



/* PC 992- */
@media only screen and (min-width: 992px) {

}