@media screen and (max-width: 880px){
	#wrapper{
		width: 600px;
		left: calc(50% - 300px);
	}
	main section.banner{
		height: 400px;
	}
	main section#wrapper{
		left: calc(50% - 320px);
	}
	main section#wrapper h1{
		font-size: 15px;
		text-align: center;
	}
	div.servicios div.columns div div.img{
		width: 100px;
		height: 100px;
		left: calc(50% - 50px);
		border: solid 5px #f2f2f2;
	}
	div.servicios div.columns div a.active div.img, div.servicios div.columns div div.img:hover{
		border: solid 5px #3ba4ad;
	}
	main section.content div article.contenido{
		width: calc(100% - 200px);
	}
	main section.content div article.column-right{
		width: 200px;
	}
	main section.somos article p{
		font-size: 14px;
	}
    main section.content div.content div.obras-terminadas ul li{
        display: block;
    }
    main section.content div.content div.obras-terminadas ul li img{
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
    }
	footer section#wrapper article.service{
		min-width: 250px;
	}
}
@media screen and (max-width: 680px){
	#wrapper{
		width: calc(100% - 80px);
		left: 40px;
	}
	main section#wrapper{
		left: 20px;
	}
	div.servicios div.columns div div.img{
		width: 85%;
	}
	footer section#wrapper article.service{
		min-width: 220px;
	}
	footer section#wrapper article:last-child{
		min-width: 150px;
	}
	main div.content, main section.somos div, footer section#wrapper, footer section.pie ul{
		display: block;
	}
	main section.content div article.contenido{
		width: 100%;
		margin-bottom: 30px;
	}
	main section.content div article.column-right{
		width: 100%;
		padding: 0;
	}
	main section.content div article.column-right ul li{
		border-bottom: solid 1px rgba(0,0,0,.1);
	}
	main section.somos div article, footer section#wrapper article{
		margin-bottom: 10px;
		padding: 0;
	}
	footer section.pie ul li{
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	footer section.pie ul li:last-child{
		text-align: center;
		margin: 0;
	}
}
@media screen and (max-width: 570px){
	main section.banner{
		height: 200px;
	}
	div.servicios div.columns{
		display: block;
	}
	div.servicios div.columns div div.img{
		height: 170px;
		width: 100%;
		left: 0;
	}
	main section.content div.content div.space{
		display: block;
	}
	main section.content div.content div.space ul, main section.content div.content div.space div.img{
		width: 100%;
	}
}