.ul-thumb {
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
dd {
	margin-top: 10px;
	margin-bottom: 40px;
	margin-right: 40px;
	text-align: right;
}

@media only screen and (min-width: 899px) {
.ul-thumb {
  display: table;
}
 .ul-thumb li img {
  width: 70%;
  text-align: center;
 }
.ul-thumb li {
  display: table-cell;
  vertical-align: middle;
}
dd img.button {
    width: 35%;
	height: auto;
}
}
 
@media only screen and (max-width: 900px) {
.ul-thumb {
  display: block;
}
.ul-thumb li {
  display: block;
  vertical-align: middle;
  margin-bottom: 10px
}
  .ul-thumb li img {
  width: 80%;
  height: auto;
  text-align: center;
}
dd img.button {
    width: 35%;
}
}

a:hover img.opaque {
  opacity: 1.0;