p{
	font-family: "Segoe ui" , "Helvetica";
}

.portfolio_cont{
		position: relative;
		width: 1120px;
		height: auto;
		margin: 0 auto;
	}

	.projects{
		position: relative;
		overflow: hidden;
		float: left;
	}

		.projects img{
			-webkit-transition: all 0.6s ease;
	     	-moz-transition: all 0.6s ease;
	      	-o-transition: all 0.6s ease;
	      	-ms-transition: all 0.6s ease;
	        transition: all 0.6s ease;
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
			transform: scale(1.2);
		}	

		.projects img:hover{
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
	 	}					

	.projects_vert_cont{
		width: 370px;
		float: left;
	}
	.right {
		float: right;
	}

	.projects_box_cont{
		width: 740px;
		float: left;
	}

	.type_1{
		width: 370px;
		height: 320px;
	}

		.type_1 img {
			width: 370px;
	 		height: 320px;
	 	}
	  		
	.type_2{
		width: 740px;
		height: 320px;
	}

		.type_2 img {
			width: 740px;
	 		height: 320px;
	 	}
	  		
		.projects:hover .project_title{
 			 bottom: 70px;
 			 opacity: 0.7;
	 	}	 	

	 	.projects:hover .project_title.weather_title {
	 		bottom: 109px;
	 	}

	 	.projects:hover .project_desc{
 			 bottom: 15px;
 			 opacity: 0.8;
	 	}	 

	 	.project_title{
	 		position: absolute;
	 		bottom: -30px;
	 		left: 15px;
	 		color: #fff;
			-webkit-transition: all 0.4s ease;
	     	-moz-transition: all 0.4s ease;
	      	-o-transition: all 0.4s ease;
	      	-ms-transition: all 0.4s ease;
	        transition: all 0.4s ease;	 	
	        opacity: 0;	
	        background: #000;
	        padding: 7px 15px 7px 15px; 	
	 	}

	 	.project_desc{
	 		position: absolute;
	 		bottom: -60px;
	 		left: 15px;
	 		color: #fff;
	 		font-size: 14px;
			-webkit-transition: all 0.4s ease;
	     	-moz-transition: all 0.4s ease;
	      	-o-transition: all 0.4s ease;
	      	-ms-transition: all 0.4s ease;
	        transition: all 0.4s ease;	 	
	        opacity: 0;
	        background: #000;	
	        padding: 7px 15px 7px 15px; 	 		
	 	}

	.type_3{
		width: 1110px;
		height: 320px;
	}

		.type_3 img {
			width: 1110px;
	 		height: 320px;
	 	}

	 	.f-type img, .q-type img {
			width: 1110px;
	 		height: 320px;
		}

	 	.f-type img {
			position: relative;
			left: -3%;
		}

		.f-type img:hover {
			left: 0;
		}

		/* .f-type img {
			position: relative;
			left: -3%;
			width: 110%;
			height: 320px;
		}
		
		.q-type img {
			width: 1110px;
			 		height: 320px;
		} */

	.type_4{
		width: 740px;
		height: 640px;
	}

		.type_4 img {
			width: 740px;
	 		height: 640px;
	 	}	

	.type_5{
		width: 370px;
		height: 640px;
	}

		.type_5 img {
			width: 370px;
	 		height: 640px;
	 	}