div#topo-projetos{ background: url("../img/topo-projetos.jpg") center center no-repeat; background-size: cover; width: 100%; height: 346px; }
section#projetos .container { position: relative; }
div#descricao-projetos { margin: 49px 0; }
div#descricao-projetos p { color: #6b6b6b; font-size: 18px; }
#lista-projetos ul li { list-style: none; padding: 0; }
#lista-projetos ul li img { width: 100%; }
#lista-projetos .icone-detalhes { display: none; }

@media (max-width: 767px){
	div#topo-projetos { width: 100%; height: 192px; }
	div#topo-projetos .logo { float: left; }
	div#topo-projetos div div { margin-top: 0px; }
	div#topo-projetos .logo img { width: 105px; }
	div#descricao-projetos p { font-size: 14px; }
	#lista-projetos ul{position: relative;}
	#lista-projetos ul li { width: 100%; max-width: 360px; float: none; margin: 0 auto; /*position: relative;*/ max-height: 220px; overflow: hidden; }
	section#projetos {margin-bottom: 49px; }
	#projetos .container { padding: 0; }
	#lista-projetos .icone-detalhes { position: absolute; top: 10px; text-align: right; width: 100%; display: block; padding-right: 10px; }
	#lista-projetos .icone-detalhes span.glyphicon { font-size: 10px; }
	#lista-projetos .icone-detalhes span { font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
	#lista-projetos .icone-detalhes img { width: 45px; }
	
	#lista-projetos .col-projetos{ width: 49%; height: 105px; margin:  0.5%; overflow: hidden; position: relative; float: left;}
	#lista-projetos .col-projetos a{ background-color: transparent;width: 100%; height: 100%; margin: 0; display: block;}
	#lista-projetos .col-projetos img{width: 100%;
	    height: auto;
	    margin: 0 auto;
	    display: block;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}

	#lista-projetos .col-projetos h2{    
		text-transform: uppercase;
	    font-size: 12px;
	    opacity: 1;
	    color: #fff;
	    top: 30px;
	    left: 50%;
	    transform: translateX(-50%);
	    position: absolute;
	    transition: all .4s linear;
	    width: 100%;
	    text-shadow: 1px 1px 19px rgba(0, 0, 0, 1);
	}

}

@media (min-width: 768px){
	#lista-projetos ul li { padding: 0; height: 220px; overflow: hidden; /*position: relative;*/ transition: all 0.5s ease-in-out;}
	#lista-projetos ul li img { position: absolute; width: 100%;}
	section#projetos { margin-bottom: 55px; }
	div#topo-projetos h1 { margin-top: 90px; }
	#lista-projetos ul li:hover { opacity: 0.5; }
	

	#lista-projetos .col-projetos .projetos-hover{ position: absolute; width: 100%; height: 100%;  background-color: #3883C8; top: 0; opacity: 0; transition: all .4s linear;}
	#lista-projetos .col-projetos .projetos-hover:hover{opacity: .6;}
	#lista-projetos .col-projetos .projetos-hover h2{text-transform: uppercase; font-size: 14px; opacity: 1; color: #fff; top: 40px; left: 50%;transform: translateX(-50%);position: absolute; transition: all .4s linear; width: 100%;}
	#lista-projetos .col-projetos{ width: 24%;height: 125px; margin: 0.5%; overflow: hidden; position: relative; float: left;}
	#lista-projetos .col-projetos a{ background-color: transparent;width: 100%; height: 100%; margin: 0; display: block;}
	#lista-projetos .col-projetos img{width: 100%;
	    height: auto;
	    margin: 0 auto;
	    display: block;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}

	/* Somente mozilla */
	@-moz-document url-prefix() { 
	  #lista-projetos ul li{ height: 215px; }
	}

	/* Somente Microsoft EDGE 12 ou maior */
	@supports (-ms-ime-align:auto){
		#lista-projetos ul li{ height: 215px; }
	}
}

@media (min-width: 992px){
	/*#lista-projetos ul li { height: 152px; }*/
	#lista-projetos .col-projetos{ height: 160px; }
	#lista-projetos .col-projetos .projetos-hover h2{ top:50px; }
	/* Somente mozilla */
	@-moz-document url-prefix() { 
	  #lista-projetos .col-projetos{ width: 25%;height: 160px; }
	}

	/* Somente Microsoft EDGE 12 ou maior */
	@supports (-ms-ime-align:auto){
	  #lista-projetos .col-projetos{ width: 25%;height: 160px; }
	}
}

@media (min-width: 1100px){
	
	#lista-projetos .col-projetos{ height: 170px; }
	#lista-projetos .col-projetos .projetos-hover h2{ top:60px;  font-size: 16px;}
	
    /*#lista-projetos ul li{ float: left; width: 25%; height: 250px; position: relative; overflow: hidden;}*/
	/*#lista-projetos ul li a{ background-color: transparent; width: 100%; height: 100%; margin: 0; display: block;}*/
	/*#lista-projetos ul li a img{ width: 100%;}*/
	/* Somente mozilla */
	@-moz-document url-prefix() { 
		#lista-projetos .col-projetos{ height: 170px; }
	}

	/* Somente Microsoft EDGE 12 ou maior */
	@supports (-ms-ime-align:auto){
		#lista-projetos .col-projetos{ height: 170px; }
	}
}

@media (min-width: 1400px){
	
	#lista-projetos .col-projetos{ height: 225px; }
	#lista-projetos .col-projetos .projetos-hover h2{ top:90px; }
	

}