@media all and (max-width: 1139px) {
	#projetos .imagens{
		width: 1005px;
		height: auto;
		margin: 0 auto;
	}
	#projetos .imagem {
		width: 502px;
    	height: 325px;
	}
	#projetos .imagem .ampliar{
		margin-top: -325px;
	    width: 502px;
    	height: 325px;
	}

	#portfolio .imagens{
		width: 1005px;
		height: auto;
		margin: 0 auto;
	}
	#portfolio .imagem {
		width: 502px;
    	height: 325px;
	}
	#portfolio .imagem .ampliar{
		margin-top: -325px;
	    width: 502px;
    	height: 325px;
	}
}
@media all and (max-width: 1138px) {
	footer .contato{
		width: 350px;
	}
}
@media all and (max-width: 1117px) {
	footer .contato{
		width: 330px;
	}
}
@media all and (max-width: 1095px) {
	footer .endereco{
		width: 225px;
		padding: 0 50px 0 30px;
	}
}
@media all and (max-width: 1046px) {
	footer .title{
	    width: 175px;
	}
}
@media all and (max-width: 1034px) {
	#projetos .imagens{
		width: 885px;
		height: auto;
		margin: 0 auto;
	}
	#projetos .imagem {
		width: 442px;
    	height: 315px;
	}
	#projetos .imagem .ampliar{
		margin-top: -315px;
		width: 442px;
    	height: 315px;
	}

	#portfolio .imagens{
		width: 885px;
		height: auto;
		margin: 0 auto;
	}
	#portfolio .imagem {
		width: 442px;
    	height: 315px;
	}
	#portfolio .imagem .ampliar{
		margin-top: -315px;
		width: 442px;
    	height: 315px;
	}
}
@media all and (max-width: 1029px) {
	footer .contato {
	    width: 310px;
	}
}
@media all and (max-width: 1024px) {
	#projetos a.veja{
		font-size: 18px;
	}
	
	header .logo_blindex{
		margin-top: 10px;
	}

	#sobre{
		text-align: center;
	}

	footer .title{
		width: 100%;
	    text-align: center;
	    border-right: none;
	    border-bottom: 1px solid #00b9f2;
	}
	footer .contato{
		width: 100%;
		border-right: none;
		margin-top: 20px;
	}
	footer .endereco{
		width: 100%;
		text-align: center;
	}
	footer .mapa{
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	    margin-bottom: 20px;
	    border:none;
	}
	footer .mapa img{
	    border: 5px solid #fff;
	}
}
@media all and (max-width: 950px) {
	header .logo_blindex{
		margin-top: 15px;
	}
}
@media all and (max-width: 932px) {
	#projetos h2 {
    	font-size: 17px;
	}
}
@media all and (max-width: 920px) {
	#projetos .imagens{
		width: 780px;
		height: auto;
		margin: 0 auto;
	}
	#projetos .imagem {
		width: 390px;
		height: 310px;
	}
	#projetos .imagem .ampliar{
		margin-top: -310px;
		width: 390px;
		height: 310px;
	}

	#portfolio .imagens{
		width: 780px;
		height: auto;
		margin: 0 auto;
	}
	#portfolio .imagem {
		width: 390px;
		height: 310px;
	}
	#portfolio .imagem .ampliar{
		margin-top: -310px;
		width: 390px;
		height: 310px;
	}
}
@media all and (max-width: 864px) {
	#projetos h1{
		font-size: 28px;
	}
}
@media all and (max-width: 850px) {
	header .logo_blindex{
		margin-top: 20px;
	}
}
@media all and (max-width: 815px) {
	#projetos .imagens{
		width: 675px;
		height: auto;
		margin: 0 auto;
	}
	#projetos .imagem {
		width: 337px;
		height: 240px;
	}
	#projetos .imagem .ampliar{
		margin-top: -240px;
		width: 337px;
		height: 240px;
	}
	#projetos .imagem .ampliar p{
	    padding: 95px 70px 20px 70px;
	    font-size: 18px;
	}

	#portfolio .imagens{
		width: 675px;
		height: auto;
		margin: 0 auto;
	}
	#portfolio .imagem {
		width: 337px;
		height: 240px;
	}
	#portfolio .imagem .ampliar{
		margin-top: -240px;
		width: 337px;
		height: 240px;
	}
	#portfolio .imagem .ampliar p{
	    padding: 95px 70px 20px 70px;
	    font-size: 18px;
	}
}
@media all and (max-width: 817px) {
	#projetos h2 {
	    font-size: 14px;
	}
}
@media all and (max-width: 765px) {
	#projetos h1 {
	    font-size: 22px;
	}
}
@media all and (max-width: 703px) {
	#projetos h2{
		letter-spacing: 1px;
	}
}
@media all and (max-width: 700px) {
	#projetos .imagens{
		width: 597px;
		height: auto;
		margin: 0 auto;
	}
	#projetos .imagem {
		width: 298px;
		height: 215px;
	}
	#projetos .imagem .ampliar{
		margin-top: -215px;
		width: 298px;
		height: 215px;
	}
	#projetos .imagem .ampliar p{
	    padding: 80px 50px 20px 50px;
	    font-size: 18px;
	}

	#portfolio .imagens{
		width: 597px;
		height: auto;
		margin: 0 auto;
	}
	#portfolio .imagem {
		width: 298px;
		height: 215px;
	}
	#portfolio .imagem .ampliar{
		margin-top: -215px;
		width: 298px;
		height: 215px;
	}
	#portfolio .imagem .ampliar p{
	    padding:80px 50px 20px 50px;
	    font-size: 18px;
	}
}
@media all and (max-width: 644px) {
	#projetos h2{
		letter-spacing: 0;
		margin-top: 5px;
	}
}
@media all and (max-width: 640px) {
	#projetos .imagens{
		width: 100%;
		margin:0;
		float: left;
	}
	#projetos .imagem{
		width: 370px;
		height: 252px;
		float: none;
		margin:0 auto;
	}
	#projetos .imagem:hover .ampliar{
		opacity: 1;
		-webkit-transition: 0.3s ease-out;
	}
	#projetos .imagem .ampliar{
		opacity: 0;
		margin-top: -252px;
		text-align: center;
	    width: 370px;
	    height: 252px;
	    background-color: rgba(0, 68, 127, 0.74);
	    background: rgba(0, 68, 127, 0.74);
	    position: absolute;
	    -webkit-transition: 0.3s ease-out;
	}
	#projetos .imagem .ampliar p{
		color: #fff;
	    text-transform: uppercase;
	    font-size: 25px;
	    margin: 0;
	    line-height: 30px;
	    padding: 80px 70px 20px 70px;
	    background:url(images/bg-port.png) bottom center no-repeat;
	}

	#portfolio .imagens{
		width: 100%;
		margin:0;
		float: left;
	}
	#portfolio .imagem{
		width: 370px;
		height: 252px;
		float: none;
		margin:0 auto;
	}
	#portfolio .imagem:hover .ampliar{
		opacity: 1;
		-webkit-transition: 0.3s ease-out;
	}
	#portfolio .imagem .ampliar{
		opacity: 0;
		margin-top: -252px;
		text-align: center;
	    width: 370px;
	    height: 252px;
	    background-color: rgba(0, 68, 127, 0.74);
	    background: rgba(0, 68, 127, 0.74);
	    position: absolute;
	    -webkit-transition: 0.3s ease-out;
	}
	#portfolio .imagem .ampliar p{
		color: #fff;
	    text-transform: uppercase;
	    font-size: 25px;
	    margin: 0;
	    line-height: 30px;
	    padding: 80px 70px 20px 70px;
	    background:url(images/bg-port.png) bottom center no-repeat;
	}

	#projetos h1{
		margin-bottom: 0px;
		text-align: center;
		width: 100%;
	}
	#projetos h2{
		text-align: center;
		width: 100%;
		margin-bottom: 35px;
		letter-spacing: 2px;
	}


	header .logo_blindex{
		display: none;
	}
	.logo_blindex_mobile{
		display: block;
		margin:0;
		float: left;
		margin-left: 15px;
	}
	.logo{
		float: left;
		margin:0;
	}

	#projetos a.veja{
		text-align: center;
	}
	#projetos hr{
		display: none;
	}

	#portfolio a.veja{
		text-align: center;
	}
	#portfolio hr{
		display: none;
	}
}
@media all and (max-width: 639px) {
	.text_animate1{
	    width: 465px !important;
	    margin: -105px 0 0 -225px !important;
	}
}
@media all and (max-width: 519px) {
	.text_animate1{
	    width: 390px !important;
	    top: 40% !important;
	    margin: -105px 0 0 -195px !important;
	}
}
@media all and (max-width: 420px) {
	.text_animate1{
	    width: 350px !important;
	    top: 40% !important;
	    margin: -105px 0 0 -175px !important;
	}
	.text_animate1 h1{
		line-height: 25px !important;
		font-size: 20px !important;
	}
}
@media all and (max-width: 404px) {
	#mapa .endereco{
	    width: 340px;
	}
	#mapa .endereco p{
		padding: 0 60px 0 123px;
	}
	#mapa .endereco a{
		padding: 0 60px 0 123px;
	}
	#mapa .endereco h3{
	    padding: 0 60px 0 123px;
	}
}
@media all and (max-width: 400px) {
	#projetos .imagem {
		width: 300px;
		height: 204px;
	}
	#projetos .imagem .ampliar{
	    width: 300px;
    	height: 204px;
    	margin-top: -204px;
	}
	#projetos .imagem .ampliar p{
		padding: 70px 70px 20px 70px;
	}	


	#portfolio .imagem {
		width: 300px;
		height: 204px;
	}
	#portfolio .imagem .ampliar{
	    width: 300px;
    	height: 204px;
    	margin-top: -204px;
	}
	#portfolio .imagem .ampliar p{
		padding: 70px 70px 20px 70px;
	}

}
@media all and (max-width: 370px) {
	.text_animate1{
	    width: 300px !important;
	    margin: -105px 0 0 -145px !important;
	}
}
@media all and (max-width: 369px) {
	#mapa .endereco {
	    width: 325px;
	    background: url(images/bg-endereco.png) top left no-repeat;
	}
	#mapa .endereco p {
	    padding: 0 5px 0 140px;
	}
	#mapa .endereco a{
		padding: 0 60px 0 140px;
	}
	#mapa .endereco h3{
		padding: 0 60px 0 140px;
	}
}
@media all and (max-width: 345px) {
	#mapa .endereco{
	    width: 305px;
	}
	#mapa .endereco p{
		font-size: 12px;
	}
	#mapa .endereco h3{
		font-size: 14px;
	}
}
@media all and (max-width: 365px) {
	.logo_blindex_mobile{
		width: 55px;
	}
	.logo{
		width: 150px;
	}
	#nav-trigger{
		top: 30px;
	}
}
@media all and (max-width: 330px) {
	#mapa .endereco{
	    width: 290px;
	}
	#mapa .endereco h3{
		font-size: 13px;
	}

	.text_animate1 {
	    width: 290px !important;
	    margin: -105px 0 0 -145px !important;
	}

	#projetos .imagem {
	    width: 285px;
	    height: 194px;
	}
	#projetos .imagem .ampliar{
		width: 285px;
    	height: 194px;
    	margin-top: -194px;
	}
	#portfolio .imagem .ampliar p{
		padding: 50px 70px 20px 70px;
	}

	#portfolio .imagem {
	    width: 285px;
	    height: 194px;
	}
	#portfolio .imagem .ampliar{
		width: 285px;
    	height: 194px;
    	margin-top: -194px;
	}
}