@media (min-width: 767px) {
		
		.prothumb, .prothumb > a > img {
			height: 400px;
		}
				
	}
	
	@media (max-width: 767px) {
		
		.prothumb, .prothumb > a > img {
			max-height: 250px;
		}
				
	}

	.prothumb {
		text-align: center;
		min-height: 400px;
		position: relative;
		border-radius: 0px;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
		-webkit-user-select: none;
		   -moz-user-select: none;
	}
	
	.prothumb > span {
		display: none;
		position: absolute;
		left: 0;
		top: calc(45% + 1vw);
		width: 100%;
		color: rgba( 255, 255, 255, 0.9);
		background-color: rgba(0, 0, 0, 1);
		cursor: pointer;
		pointer-events: none;
		font-size: 2em;
		padding: 10px 0px;
	}
	
	.prothumb:hover > span {
		display: inline;
	}
	
	.prothumb > a, .prothumb:focus > a {
		outline: none;
	}
	
	.prothumb > a > img, .prothumb:focus > a > img {
		border-radius: 0px;
		min-height: 400px;
		width: 100%;
	}

	.prothumb:hover {
		background-color: #000;
	}
	
	.prothumb:hover > a > img{
		opacity: 1;
	}