.choiceContainer {
  position: relative;
}

.choiceImage {
  display: block;
  width: 100%;
  height: auto;
  webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.choiceBottomImage {
  display: block;
  width: 100%;
  height: auto;
  webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

.choiceOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
    webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.choiceContainer:hover .choiceOverlay {
  opacity: 1;
}

.choiceText {
  color: #ff00ff;
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.choiceTextLive {
	color: #ffffff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	/* vw is % viewport width */
	font-size: 2.5vw;
	/*  font-size: 26px; original size */
	font-weight:bold;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}