@charset "utf-8";
/* CSS Document */
.portfolioSite{
	margin-top:50px;
}
.portfolioSite img {
	width: 100%;
	
	transition: all 0.4s;
	
}
.portfolioSite img:hover{
	transform: scale(1.1);
	
}
.caption{
	text-align:center;
	text-transform: capitalize;
	font-size: 20px;
	
	padding: 15px 0px;
	
}
.letterSpace{
	letter-spacing: 0.1em;
}
.caption span{
	text-transform: capitalize;
	color: rgba(188,188,188,1.00);
	font-size: 15px;
}
.img-thumbnail{
	border: none;
	position: relative;
  
  
  margin: 2%;
  overflow: hidden;

}
/*image*/
.imagePort{
	opacity:1;
}
@media (max-width:1000px){
	.imagePort figcaption h1{
	
		font-size:2.5em;
	}
		}
@media (max-width:750px){
	.imagePort figcaption h1{
	
		font-size:2em;
	}
		}
@media (max-width:440px){
	figcaption button{
		font-size:0.7em;

	letter-spacing: 0.1em;

	padding:5px 7px;
	border: 1px solid white;
	margin-top:5px;

	}
}

/*image*/
.masonry{
	max-width:965px;
	margin: 0 auto 30px;
	padding: 20px 0px;
	
}
.item{
	width: 315px;
	background: #fff;
	border-radius: 2px;
	margin:0px auto 10px;
	
	box-shadow:3px 3px 3px  rgba(0,0,0,0.1);
}

.item img{
	max-width: 100%;
	height:auto;
}
.item .entry{
	padding: 10px 10px 20px;
	font: 12px/2 Tahoma;
}
.entry h2 a{
	color: #34495E;
	text-align: center;
	font-size: 20px;
	line-height:2.5em;
	text-decoration: none;
}
.entry h2 a:hover{
	text-decoration: none;
}
.entry h2{
	color: #34495E;
	text-align: center;
	font-size:20px;
}
.sub_title{
	color:#95A5A6;
	display: block;
	font-size: 16px;
	text-align:center;
}
.entry p{
	color:#95A5A6;
	font-size: 14px;
	text-align:justify;
}
.more-button{
	padding:8px 10px;
	font-size:16px;
	background:black;
	color: white;
}
.more-button:hover{
	color: white;
	text-decoration: none;
	
}