/* the grid - portfolio - overlay */
.pi-thegrid-pf .sofia .tg-item-overlay {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+30,5f605e+95&0+30,0.8+95 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 30%, rgba(95,96,94,0.8) 95%)!important; /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,0)), color-stop(95%,rgba(95,96,94,0.8)))!important; /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 30%,rgba(95,96,94,0.8) 95%)!important; /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 30%,rgba(95,96,94,0.8) 95%)!important; /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 30%,rgba(95,96,94,0.8) 95%)!important; /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 30%,rgba(95,96,94,0.8) 95%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc5f605e',GradientType=0 )!important; /* IE6-9 */
}	


/* the grid - portfolio - title */
@media all and (max-width: 767px) {
	.pi-thegrid-pf .sofia .tg-item-title,
	.pi-thegrid-pf .sofia .tg-item-title a {
		font-size:14px!important;
		line-height:20px!important;
		padding:10px 10px!important;
		word-wrap:normal!important;
	}
	.sofia .tg-item-content-holder .tg-item-content-inner {
		padding:5px 0px!important;
	}	
	
}