@media screen and (max-width: 1400px){
	#left #wrapper{
		max-width: 700px;
		min-width: 700px;
	}
}
@media screen and (max-width: 1100px){
    header img{
        margin: 0 150px 0 0;
    }
    header ul{
        width: 450px;
        font-size: 14px;
    }
    #left{
        width: 100%;
    }
	#left #wrapper, #wrapper{
		max-width: 800px;
		min-width: 800px;
	}
	footer form div.button{
	    width: 800px;
	}
	#formprincipal{
	    display: none;
	}
	.descrip-lifpezet article.c3, .descrip-lifpezet article.c3:nth-child(2) div.img2{
	    height: 500px;
	}
	.descrip-lifpezet article.c3:first-child div.img1, .descrip-lifpezet article.c3:first-child div.text, .descrip-lifpezet article.c3:nth-child(3) div.img3, .descrip-lifpezet article.c3:nth-child(3) div.img4{
	    height: 250px;
	}
	.descrip-lifpezet article.c3:first-child div.text ul{
	    max-width: 200px;
	}
}
@media screen and (max-width: 900px){
	#left #wrapper, #wrapper{
		max-width: 300px;
		min-width: 300px;
	}
	header.menuproyectos #wrapper{
	    justify-content: center;
	}
	header{
		padding: 10px 0;
		position: fixed;
		z-index: 9;
		transition: .5s;
	    background: rgba(255,255,255,.8);
        border-bottom: solid 0vh transparent;
	}
	header img{
	    margin: 0;
	}
	ul#menu{
		position: fixed;
		z-index: 99;
		top: 84px;
		right: -100%;
		width: 100%;
		display: block;
		background: transparent;
		height: 5px;
		overflow: hidden;
		overflow-x: scroll;
		transition: .5s;
		opacity: 0;
	}
	ul#menu a{
		width: 100%;
		background: transparent;
		color: #bcbcbc;
		height: 50px;
		border-bottom: solid 1px rgba(255,255,255,.2);
	}
	ul#menu li:last-child a{
	    border: none;
	}
	ul#menu li.none div.line{
	    display: none;
	}
	input.btnmenu, div.btnmenuvisual{
    	appearance: none;
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	-o-appearance: none;
	    width: 50px;
	    height: 50px;
	    opacity: 0;
	    margin: 0;
	    position: fixed;
	    z-index: 9999;
	    top: 15px;
	    right: 0;
	}
	div.btnmenuvisual{
	    z-index: 999;
	    opacity: 1;
	    color: #579a92;
	}
	div.btnmenuvisual i{
	    transition: .5s;
	    position: absolute;
	    top: 15px;
	    right: 15px;
	}
	div.btnmenuvisual i:last-child{
	    opacity: 0;
	    visibility: hidden;
	}
	img.logomenu{
	    opacity: 0;
	    position: absolute;
	    z-index: 999;
	    top: 10px;
	    left: calc(50% - 100px);
	    transition: all .5s;
	}
    div.btnmenuvisual{
        display: flex;
        font-size: 18px;
    }
    .btnmenu[type="checkbox"]:checked ~ header{
        background: rgba(0,0,0,.8);
        border-bottom: solid 100vh transparent;
    }
	.btnmenu[type="checkbox"]:checked ~ header a img.logomenu{
	    opacity: 1;
	}
	.btnmenu[type="checkbox"]:checked ~ header ul#menu{
	    right: 0;
		opacity: 1;
	    height: calc(100vh - 84px);
	    padding: 20px 0 0 0;
	}
	.btnmenu[type="checkbox"]:checked ~ header div.btnmenuvisual i{
	    transform: rotate(360deg);
	    opacity: 0;
	    visibility: hidden;
	    color: #fff;
	}
	.btnmenu[type="checkbox"]:checked ~ header div.btnmenuvisual i:last-child{
	    opacity: 1;
	    visibility: visible;
	}
	section.brevedescrip div.flex, .logo-text div.flex, footer form ul.flex, .descripcion-proyecto .images li, input.btnmenu, img.logomenu{
		display: block;
	}
	.logo-text img, footer form ul li{
		width: 100%;
	}
	.logo-text{
		padding: 50px 0;
	}
	.logo-text img, section.brevedescrip .img, section.gris .img, .descripcion-proyecto .images a{
		margin: 0;
	}
	section.brevedescrip{
	    padding: 20px 0;
	    font-size: 15px;
	    line-height: 20px;
	}
	section.brevedescrip article{
	    margin: 20px 0 0 0;
	    width: 100%;
	}
	section.gris article{
	    margin: 0 0 20px 0;
	}
	section.brevedescrip h1{
	    font-size: 30px;
	    line-height: 25px;
	}
	section.brevedescrip ul li a{
	    font-size: 9px;
	    padding: 5px 10px;
	}
	.logo-text p, .logo-text div.flex p:first-child{
		text-align: center;
		width: 100%;
	}
	footer h3{
		font-size: 20px;
	}
	footer form ul, footer form ul li{
		margin: 0 0 10px 0;
	}
	footer form div.button{
	    width: 260px;
	}
	footer form button{
	    margin: -45px -49px 0 0;
	}
	/* -- -- -- */
	/* OTHER PAGES */
	/* -- -- -- */
    #header{
        margin: 0;
    }
    #header img{
        opacity: 0;
    }
    .header-zeta{
    	background: url(../img/slider/header-zeta.jpg);
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	background-size: cover;
    }
    .header-azul{
    	background: url(../img/slider/header-azul.jpg);
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	background-size: cover;
    }
    .header-olguin{
    	background: url(../img/slider/header-olguin.jpg);
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	background-size: cover;
    }
    .barra{
        padding: 10px 0;
    }
    .barra h1{
        font-size: 20px;
    }
    .descripcion-proyecto p{
        font-size: 15px;
        line-height: 20px;
    }
    .descripcion-proyecto .images a, .descripcion-proyecto .images li a:last-child{
        width: calc(100% - 20px);
        margin: 0 0 20px 0;
    }
    .descripcion-proyecto .planos a, .descripcion-proyecto .planos li a:last-child{
        width: 100%;
        margin: 100px 0 20px 0;
    }
    .nosotros{
        padding: 40px 0;
    }
    .nosotros h3{
        line-height: 30px;
    }
    footer form button{
        margin: -45px -12px 0 0;
    }
    .banner-title h1{
        font-size: 20px;
    }
    input.btnmap{
        width: 145px;
        height: 30px;
    }
    section.brevedescrip ul li a div.map iframe{
        max-width: 450px;
        width: 90%;
        height: 60vh;
    }
    .descrip-lifpezet div#wrapper, .planos-lifpezet ul{
        display: block;
    }
    .planos-lifpezet ul{
        margin: 0 0 40px 0;
    }
    .descrip-lifpezet article.c3{
        width: 100%;
    }
    .planos-lifpezet li, .planos-lifpezet img{
        margin: 0;
    }
    .infocontact #wrapper ul.flex{
        display: block;
    }
    .infocontact #wrapper ul.flex li{
        margin: 0 0 10px 0;
    }
}