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

	.caption-style-2 li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

	.caption-style-2 li:hover .caption{
		opacity: 1;
		transform: translateY(-300px);
		
	

	}


	.caption-style-2 img{
		margin: 0px;
		padding: 3px;
		float: left;
		z-index: 4;
		width:400px;
		height:300px;
	
	}


	.caption-style-2 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:300px;
		width: 400px;
		height: 300px;
		padding :0px;
		-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(0,0,0,0.7);
		height: 297px;
		width: 397px;
		z-index: 5;
		position: absolute;
		margin-left:0px;
	}

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


	
	/** content **/
	.content{
		margin-top: 100px;
		margin-left: 100px;
		width: 700px;
		
	}
	.content h1, .content h2{
		font-family: "Source Sans Pro",sans-serif;
		color: #FFFFFF;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
	}

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

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

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

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

	p a{
		color: #FFFFFF;
	}