@media only screen and (max-width: 1920px) {
	/*header{
		background-size: 1920px auto;
		height: 790px;
	}*/
}

@media only screen and (max-width: 1440px) {
	section#look img{
		width: 100%;
	}
}

@media only screen and (max-width: 1150px) {
	/*header{
		background-size: 1150px auto;
		height: 500px;
	}*/

	header nav img#logo{
		margin-right: 0;
		margin-top: 0;
		width: 200px;
		position: absolute;
		top: 60px;
		left: 15px;
	}

	header nav ul{
		margin-top: 20px;
		display: block;
	}
	
	section#angels > img:nth-child(1){
		display: none;
	}

}

@media only screen and (max-width: 960px) {
	.content{
		width: 94%;
	}
	
	section#quien_es figcaption{
		width: 100%;
		padding-top: 35px;	
	}
	
	/*section#quien_es figure{
		margin-left: calc(50% - 255px);
	}*/

	section#proyecto{
		padding-top: 30px;
	}

	section#dona{
		padding-top: 30px;
	}

	section#look{
		padding-top: 30px;
	}
	
	/*section#dona #donar ul li p{
		min-height: 100px;
	}*/
	
	section#dona #carrusel{
		width: 608px;
	}

	section#angels{
		padding-top: 30px;
	}
	
	section#angels figcaption{
		width: 100%;
		text-align: center;
	}
	
	section#angels figure{
		width: 430px;
		margin: 20px 0 30px calc(50% - 215px);
	}
	
	section#angels figure img{
		margin: 0;
	}
	
	section#en_directo p{
		width: 80%;
	}
}

@media only screen and (max-width: 768px) {
	
	/*header{
		background-size: 768px auto;
		background-position: center 26px; 
		height: 360px;
	}*/

	header > div{
		/*padding-top: 50px;*/
		overflow: hidden;
	}

	header > div > img{
		width: 150%;
    		margin-left: -23%;
	}

	header nav{
		/*background-color: #d3cad1;
		position: fixed;*/
		z-index: 1000;
	}

	header nav.open{
		background-color: rgba(138,160,180,0.7);
	}
	
	header nav img#logo{
		margin-left: 60px;
		width: 180px;
		position: relative;
		top: 10px;
	}
	
	header nav a.mob{
		display: block;
		border: 1px solid #7d3437;
		width: 30px;
		height: 25px;
		float:right;
		margin: 10px 15px;
	}
	
	header nav a.mob div{
		background: #7d3437;
		width: 20px;
		height: 2px;
		margin: 5px;
	}
	
	header nav ul{
		display: none; 
		width: 100%;
	}
	
	header nav ul li{
		display: block;
		margin: 11px 0;
	}

	section#quien_es img{
		margin-top: 0;
		margin-bottom: 26px; 
	}

	section#mail{
		height: 440px;
		position:relative;
	}
	
	section#mail h2{
		font-size: 28px;
	}
	
	section#mail p{
		font-size: 16px;
	}
	
	section#mail img{
		display: none;
	}
	
	section#mail p br{
		display: block;
	}
	
	section#mail p span{
		text-decoration: underline;
	}
	
	
	section#mail input[type="text"]{
		width: 210px;
	}
	
	section#mail a#enviar{
		width: 90px;
	}
	
	section#mail #errorEmail{
		width: 293px;
	}
	
	section#mail #cond{
		width: 293px;
	}
	
	section#quien_es h2{
		padding: 40px 0 15px;
		font-size: 25px;
		text-align: center;
	}

	section#quien_es figcaption{
		font-size: 18px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 25px;
		line-height: 25px;
	}

	section#quien_es figcaption h1{
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 8px;
	}

	section#quien_es figcaption i{
		font-size: 30px;
		line-height: 34px;
	}
	
	section#quien_es figure{
		width:100%;
		margin: 10px auto ;
	}

	section#quien_es figure img{
		width: 300px;
    	margin-left: calc(50% - 150px);
	}

	section#quien_es div.content{
		text-align: center;
	}

	section#quien_es div.content > div{
		width: 100%;
		padding-top: 35px;
	}
	
	section#quien_es .btn{
		display: block;
		max-width: 300px;
		margin: 30px auto 0;
	}

	section#proyecto{
		background-size: 900px auto;
    		background-position: center right;
		/*background-image: none;*/
	}
	
	section#proyecto figcaption{
		width: 100%;
	}
	
	section#proyecto figure{
		/*height: 405px;
		width: 180px;
		margin-left: calc(50% - 90px);
		background-size: 180px;*/
		aspect-ratio: 2.5 / 5;
		margin: 0 auto;
		background-size: cover;
		width: 220px;
		height: auto;
		display: block;
	}
	
	section#proyecto figure img{
		width: 100%;
	}
	
	section#proyecto figcaption div{
		padding: 0;
	}
	
	section#proyecto h2{
		font-size: 25px;
		text-align: center;
	}

	section#dona #donar ul{
		grid-template-columns: repeat(1, 1fr);
	}
	
	section#dona #donar ul li p{
		min-height: auto;
	}

	section#dona #donar ul li{
		float: none;
		width: 100%;
	}

	section#dona #donar ul li:nth-child(2) div p{
		margin: 15px 50px 35px;
	}
	
	section#dona h2{
		font-size: 25px;
		text-align: center;
		max-width: 270px;
        margin: 0 auto;
	}
	
	section#dona p{
		width: 90%;
	}
	
	section#dona #carrusel{
		width: 304px;
	}

	.shopify-buy-frame--product{
		margin: 0 auto;
	}
	
	section#look img{
		margin-top: 0px;
	}
	
	section#look h2{
		font-size: 25px;
		text-align: center;
	}
	
	section#angels h2{
		font-size: 25px;
		text-align: center;
	}
	
	section#angels figure{
		width:300px;
		margin-left: calc(50% - 150px);
	}
	
	section#angels figure img{
		width: 100%;
	}

	section#angels #partners{
		grid-template-columns: repeat(1, 1fr);
	}
	
	section#angels #partners div:last-child{
		grid-column: 1 / 1;
	}
	
	section#angels{
		overflow: hidden;
		text-align: center;
	}
	
	section#angels > img:nth-child(1){
		display: block;
		left: auto;
    		width: 50px;
    		right: -20px;
	}
	
	section#angels > img:nth-child(2){
		left: -30px;
    		width: 75px;
    		bottom: 66px;
	}
	
	section#en_directo h2{
		font-size: 25px;
		text-align: center;
	}
	
	footer{
		padding-top: 25px;
		height: 85px;
		width: 100%;
	}
	
	footer ul{
		position: relative;
		display: block;
		right: auto;
		top: 10px;
		padding-bottom: 10px;
	}
	
	footer a.logo{
		position: relative;
		display: block;
		top: 0;
		left: 0;
	}
}