@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
	
	
}




/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media (max-width: 40em) { 
	
	


}




/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	
	.header {
		padding-top: 90px;
	}
	
	.logo-area {
		margin-bottom: 0;
	}
	
	.footer-inner {
		margin-bottom: 70px
	}
	
	.contacto-wrapper {
		margin: 20px auto;
	}
	
	
	
	.project-details:after {
		/*padding-top: 100%;*/
		display: block;
		content: '';
	}
	
	.project-details-content {
		/*
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		*/
		
		padding: 30px;
	}
	
	.contacto-inner {
		padding: 25px;
        border: 1px solid black;
	}
	
	.header h1.logo {
		font-size: 35px;
		margin: 0;
	}
	
	.footer h1.logo {
		font-size: 32px;
		margin: 0;
	}
	
	#contacto h1 {
		font-size: 28px;
		margin: 0;
	}
	
	#contacto .share-icons {
		position: absolute;
		right: 15px;
		top: 20px;
	}
	
	input[type="submit"],
	input[type="button"] { 
		
	}
	
	p.copy {
		font-size: 14px;
		line-height: 16px;
	}

	.footer .nav li a {
		font-size: 16px;
		line-height: 35px;
	}
	
	.footer-inner p {
		font-size: 14px;
		line-height: 22px;
	}
	
}

/* max-width 1024px, large screens */
@media only screen and (max-width: 64em) {
	.footer .lang-selector {
    	margin-top: 25px;
    	margin-bottom: 25px;
	}
}

	
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	
    .footer-outter {
		/*width: 40%;*/
		min-width: 400px;
	}
    
    .footer-content {
        display: flex;
        justify-content: space-between;
    }
    
    #project-view .footer-contact {
        position: relative;
        float: right;
        width: 40%;
        padding-left: 50px !important;
    }
    
    #project-view .footer-contact .footer-content {
        flex-wrap: wrap;
    }
    
    #project-view .footer-contact .footer-content .col:first-child {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #project-view .footer-contact .footer-content .zaranda-logo {
        display: none;
    }
    
    #contacto .cols {
        display: flex;
        justify-content: space-between;
    }
    
    #contacto .cols .col-mid {
        width: 48%;
    }
    
    #contacto .cols .col-full {
        width: 100%;
    }
    
    #contacto .copy {
        text-align: right;
    }
    
    #contacto .align-right {
        text-align: right;
    }
    
    .nav,
    p {
        margin-top: 0 !important;
    }
    
    p.contact-data {
        font-size: 1.6rem;
        line-height: 3.5rem;
    }
    
    .zaranda-logo {
        margin-top: 4px;
        width: auto;

    }
	

	.sedice.sedicedemi {
		display: flex;
		gap: 4%;
		flex-wrap: wrap;
	}
	.sedice-fullwidth {
		flex: 0 0 100%;
	}
	.sedice-col {
		width: 100px;
		flex: 0 0 48%;
	}
}


/* XLarge devices (desktops, 1441px and up) */
@media only screen and (min-width: 90.063em) {
	.footer-outter {
		/*width: 40%;*/
		min-width: 400px;
	}

    
}

/* XXLarge devices (desktops, 1921px and up) */
@media only screen and (min-width: 120.063em) {
}


/* Corregir temporariamente el error de que no se ve el slider en moviles sino especifico la altura */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media (max-width: 40em) { 

	
}
/* min-width 640px, medium screens */
@media only screen and (min-width: 40) {	
	
}
/* min-width 1024px, large screens */
@media only screen and (min-width: 64em) {

}