@media only screen and (max-width: 500px) {

	.teamcard.tc1  div.tc_main,
	.teamcard.tc2  div.tc_main{
		width: 240px;		
		margin-left: auto;
		margin-right: auto;
	}

	.teamcard.tc1 figure.snip0099,
	.teamcard.tc2 figure.snip0099	{
	  display: inline-block;
	  margin: 10px 1%;
	  height: 480px;
	  width: 100%;
	}
	
	/* Portrait */
	figure.snip0099 > img.pr {
		min-height: 50%;
		width: 100%;
	}
	/* Landscape */
	figure.snip0099 > img.ls {
		position: absolute;
		max-height: 50%;
		width: auto;
		clip: rect(0px, 242px, 242px, 0px);
		max-width: none;
	}
	
	figure.snip0099.imgr > img,
	figure.snip0099.imgl > img	{
	  margin-top: 0;
	  margin-left: 0;
	}

	figure.snip0099 figcaption {
	  position: absolute;
	  top: 50%;
	  width: 100%;
	  height: 50%;
	  background: #ffffff;
	}
	
	figure.snip0099.imgr figcaption,
	figure.snip0099.imgl figcaption	{
	  bottom: 0;
	  left:0;
	}

	figure.snip0099 .icons {
	  width:100%;
	  padding: 5px;
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-200%);
	  transform: translateY(-200%);
	}
	figure.snip0099.imgr .icons,
	figure.snip0099.imgl .icons{
	  left: 0%;
	  padding-left: 25%;
	}

	figure.snip0099 .icons i {
	  -webkit-transform: translateX(-50px);
	  transform: translateX(-50px); 
	}

	figure.snip0099.imgr  i,
	figure.snip0099.imgl  i{
	  -webkit-transform: translateX(50px);
	  transform: translateX(50px);  
	}

	figure.snip0099:hover i,
	figure.snip0099.hover i {
	  opacity: 0.8;
	  -webkit-transform: translate(0);
	  transform: translate(0);
	}
}