#trabalhos {
	overflow: hidden;
}

	.job{
		float: left;
		width: 20%;
		background: #000;
		overflow: hidden;
		cursor: pointer;
		
		border:0px;
		text-decoration: none;
	}

		.job img{
			position: relative;
			top: -50px;
			border:0px;
			height: 101%;
			width: 101%;
			opacity: 1 !important;
			transition: all 1s;
		}

		.job:hover img{
			opacity:0.5 !important;
			transform:scale(1.06);
			transition: all 1s;
			border:0px;
		}

	.hide{
		cursor: default;
		overflow: hidden;
		max-width: 480px;
		max-height: 480px;
		min-height: 340px;
		min-width: 340px;
		background: #000;
		float: left;
		position: relative;
	}

		.hide img{
			height: 101%;
			width: 101%;
		}



	.job .texto1_hover, 
	.job .texto2_hover, 
	.job .texto3_hover {
		width: 100%;
		height: 50px;
		position: relative;
		color: #FFF;
		z-index: 2;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 36px;
		text-transform: uppercase;
		text-align: center;
		top: 90%;
		opacity: 0;
	}

	.job .texto1_hover {
		top: 80%;
	}

	.job .texto2_hover {
		top: 80%;
	}

	.job:hover .texto1_hover{ top: 40%; opacity: 1; }
	.job:hover .texto2_hover{ top: 40%; opacity: 1; }
	.job:hover .texto3_hover{ top: 45%; opacity: 1; }

	.job img, .hide img, .ativo_img, .show, .texto1_hover,  .texto2_hover, .texto3_hover{
		transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	
	@media screen and (max-width: 1920px) {
		
		.job{
			width: 25%;
		}
	}

	@media screen and (max-width: 1700px) and (min-width: 1385px){
		.job .texto1_hover , .job .texto2_hover, .job .texto3_hover{
			font-size: 30px;
		}
	}

	@media screen and (max-width: 1366px) {
		
		.job{
			width: 33.33333%;
		}
	}

	@media screen and (max-width: 1200px){
		.job .texto1_hover , .job .texto2_hover, .job .texto3_hover{
			font-size: 30px;
		}

		.job:hover .texto2_hover {
			top: 37%;
		}
	}

	@media screen and (max-width: 1024px) {

		.job .texto1_hover, 
		.job .texto2_hover, 
		.job .texto3_hover {
			font-size: 24px;
		}

		.job:hover .texto2_hover {
			top: 35%;
		}
	}

	@media screen and (max-width: 768px) {

		.job .texto1_hover, 
		.job .texto2_hover, 
		.job .texto3_hover {
			font-size: 20px;
		}

		.job:hover .texto1_hover,
		.job .texto1_hover {
			top: calc(100% - 90px) !important;
			opacity: 1;
		}

		.job:hover .texto2_hover,
		.job .texto2_hover {
			top: calc(100% - 113px) !important;
			opacity: 1;
		}

		
		.job:hover .texto3_hover,
		.job .texto3_hover {
			top: calc(100% - 63px) !important;
			opacity: 1;
		}

		.job:hover img,
		.job img {
			opacity: .9 !important;
			transform: scale(1) !important;
		}
	}
	

	@media screen and (max-width: 656px) {
		
		.job{
			width: 50%;
		}
	}


	@media screen and (max-width: 544px) {

		.job .texto1_hover, 
		.job .texto2_hover, 
		.job .texto3_hover {
			font-size: 16px;
		}

		.job:hover .texto1_hover,
		.job .texto1_hover {
			top: calc(100% - 63px) !important;
		}

		.job:hover .texto2_hover,
		.job .texto2_hover {
			top: calc(100% - 93px) !important;
		}

		.job:hover .texto3_hover,
		.job .texto3_hover {
			top: calc(100% - 43px) !important;
		}
	}