.port-el{
	position: relative;
	display: block;
	width: 100%;
	border-radius: 1.2em;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 75%;
	margin-bottom: 25px;
	transition: 0.5s;
}
.port-el::after{
	content: "";
	background: linear-gradient(360deg, rgba(52, 42, 39, 0.85) 10.97%, rgba(52, 42, 39, 0) 55.81%);
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.port-el:hover{
	transform: scale(1.03);
}
.port-title{
	position: absolute;
	text-align: center;
	bottom: 32px;
	left: 32px;
	right: 32px;
	font-size: 17px;
	line-height: 130%;
	font-weight: 700;
	color: #fff;
	z-index: 2;
}
@media(min-width: 992px){
	.port-first{
		display: flex;
		justify-content: space-between;
	}
	.port-first>a{
		width: 49%;
	}
	.port-second{
		width: 49%;
	}
	.port-el{
		padding-bottom: 50%;	
	}
	.portfolio-new>.port-el{
	    padding-bottom: 33%;
	}
	.port-title{
		text-align: right;
	}
	.port-first>a .port-title{
		text-align: center;
	}
}