* {

}

body {
  background: #3A3A4D;
  padding: 25px;
  margin: auto;
  margin-top:100px;
  text-align:center;
}

#list {
	text-align:center;
}
.item-wrapper {
  border: 2px black;
}
.tile {
  display: inline-block;
  position: relative;
  z-index:10;
  padding: 5px;
  width:100px;
  height:100px;
  margin: 10px;
}
.tile a,span {
  color: white;
}
.tile img {
	z-index:9;
	height:100%;
	width:100%;
	border-radius:15px;
}
.tile span {
	bottom:0;
	z-index:99;
	font-size:1.5em;
}

@media only screen and (max-width: 1000px) and (orientation: portrait) {
	#list {
	}
	.tile {
		width: 30%;
		height: auto;
	}
	.tile span {
		font-size: 2em;
	}
}