.portfolio{
	background:url(assets/images/portfoliobg.jpg) center top no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	overflow: hidden;	
}

.portfolio_content{
	padding-bottom:120px;
	display:inline-block;
}
.portfolio .portfolio_content .head_title h3{
	color:#000000;
}
.portfolio .portfolio_content .head_title h4{
	color:#000000;
}

.single_portfolio_text{
	display:inline-block;
	padding:0;
	position:relative;
	overflow:hidden;
	border-left: 2px solid white;
    border-right: 2px solid white;

}
.single_portfolio_text img {
	width:100%;
	height: 300px;
}

.single_portfolio_text:hover .portfolio_images_overlay{
	top:5%;
	left: 5%;
}

.portfolio_images_overlay {
	width: 90%;
	height: 90%;
	background: rgba(0, 0, 0, .5);
	padding: 20px;
	margin: 0 auto;
	top:-100%;
	left: 5%;
	position: absolute;
	transition:.6s;
}
.portfolio_images_overlay h6 {
	color:#fff;
	font-size:1.2rem;
	line-height:2.575rem;
	font-weight: 500;
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-family: 'Montserrat',sans-serif;
    text-transform: uppercase;
}

.portfolio_images_overlay p.date {
	font-size:1rem;
	color:#fff;
	line-height:3rem;
}
.portfolio_images_overlay .btn{
	margin-top: 25px;
}

@media (min-width:769px) and (max-width:991px) {
	.portfolio_images_overlay {
		padding: 0px;
	}
}
@media (max-width:768px) {
	.portfolio_images_overlay{
		padding: 170px 20px;
	}
}
@media (max-width:580px) {
	.portfolio_images_overlay{
		padding: 100px 20px;
	}
}
@media (max-width:480px) {
	.portfolio_images_overlay{
		padding: 40px 20px;
	}
}
@media (max-width:320px) {
	.portfolio_images_overlay{
		padding: 20px;
	}
}