* {
	box-sizing: border-box;
}

.DisplayImgContainer {
  display: inline-block;
  width: 30%;
  text-align: center;
  margin-left: 2%;
  margin-bottom: 15px;
  transition: all 0.3s linear;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}



.image {
  width: 100%;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.DisplayImgContainer:hover {
  -webkit-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
  -moz-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
  -o-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
  box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
}


@media only screen and (max-width: 768px) {

  .DisplayImgContainer {
  display: inline-block;
  width: 66%;
  text-align: center;
  margin-left: 17%;
  margin-right: 17%;
  margin-bottom: 20px;
  transition: all 0.3s linear;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

}

ul.b {
  text-align: left;
  margin-left: 5%;
  line-height: 25px;
  list-style-type: square;
}