.caption-style-2{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.caption-style-2 li{
		float: left;
		padding: 20px 0; margin: 10px;
		position: relative;
		overflow: hidden; width:350px; text-align:center !important;border: 1px solid #ddd;
	}
	
	
	.caption-style-2 li img{ width:100%;}
	
	
		.caption-style-2 li:hover .caption{
		opacity: 1;
		transform: translateY(-100px);
		-webkit-transform:translateY(-100px);
		-moz-transform:translateY(-100px);
		-ms-transform:translateY(-100px);
		-o-transform:translateY(-100px);

	}


	.caption-style-2 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4; 
	}


	.caption-style-2 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:250px;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;

	}
	.caption-style-2 .blur{
		background-color: rgba(57,99,0,0.7);
		height: 350px;
		width: 350px;
		z-index: 5;
		position: absolute;
	}

	.caption-style-2 .caption-text h1{
		text-transform: uppercase;
		font-size: 18px;
	}
	.caption-style-2 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 350px;
		height: 400px;
		text-align: center;
		top:20px;
	}


	
	
	/** content **/
	

	.content h1{
		font-weight: 900;
		font-size: 64px;
	}

	.content h2{
		font-size:26px;
	}

	.content p{
		color: #ecf0f1;
		font-family: "Lato";
		line-height: 28px;
		font-size: 15px;
		padding-top: 50px;
	}

	p.credit{
		padding-top: 20px;
		font-size: 12px;
	}

	p a{
		color: #ecf0f1;
	}

	/** fork icon**/
	.fork{
		position: absolute;
		top:0px;
		left: 0px;
	}
	
	
	@media only screen and (min-width: 200px) and (max-width: 400px){
		.caption-style-2 li{
		float: left;
		padding: 20px 0; margin: 10px;
		position: relative;
		overflow: hidden; width:100%; text-align:center !important;border: 1px solid #ddd;
		
	}
	
	
	.caption-style-2 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 300px;
		height: 400px;
		text-align: center;
		top:20px;
	}
	
	.caption-style-2 .blur{
		background-color: rgba(57,99,0,0.7);
		height: 350px;
		width: 300px;
		z-index: 5;
		position: absolute;
	}
	
	}
	
	
	
	
	
	
	
/*==================*/
.pp{
	
}