.wrap3D {
  width: 100%; /* fixed width, centered in viewport */
  left: 0;
  margin-left: 0;
  position: relative;
}
#showcase {
  visibility: hidden;
}


#showcase {
	height: 65vh;
	overflow: visible !important;
	margin: 0 auto;
	width: 100%;
}
.card {
  width: 33%;
  padding: 0px 12px;
  text-align: center;
  border:none !important;
  opacity:.5;
}
.card img{
	width:150px;
	height:150px;
}
.card .cardText{
	display:none;
}
.currentCard{
	opacity:1 !important;
}
.currentCard .cardText{
	display:block;
}
.nav {
  width: 30px;
  height: 60px;
  color: #ccc;
  text-align: center;
  background:none;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 30%;
  z-index:100;
}
.nav.left {
  left: 0;
  -webkit-border-radius: 12px 5px 5px 12px;
  -moz-border-radius: 12px 5px 5px 12px;
  border-radius: 12px 5px 5px 12px;
}
.nav.right {
  right: 0;
  -webkit-border-radius: 5px 12px 12px 5px;
  -moz-border-radius: 5px 12px 12px 5px;
  border-radius: 5px 12px 12px 5px;
}