#content {
	border-style: none;
	background-color: white;
}
h2 {
	text-align: center;
}
#box {
    list-style: none outside none;
    margin:0.5em auto;
    overflow: hidden;
    padding: 0%;
	border: 0px solid #8db863;
    border-radius: 0px;
	background:#dcdcdc;
 }
#box li div {
    width: 6em;
    height: 6em;
    text-align: center;
    display: block
}
#box li div {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	margin:0 auto;
}
#box li img {
	margin:auto 0;
}

@media only screen and (min-width: 481px) {
	h2 {
		text-align: left;
	}
	
#box {
    border: 2px solid #8db863;
    border-radius: 10px;
 }
#box li {
    float: left;
    margin: 30px;
}
#box li div {
   
    width: 9em;
    height: 9em;
}
#box li div img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}


#box li div * {
    vertical-align: middle;
}
#box li div img {
  position: relative;
}
#box li div span {
    display: inline-block;
    height: 100%;
}