@charset "UTF-8";
/* CSS Media Queries Document */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 768px) {
    
    .column-3 { max-width: 100%!important; float: none!important; display: block!important; }
	.menu-content nav { display:none;}
	
	.cover-btn h1 { font-size:18px;line-height:10px;}
	.cover-btn h2 { font-size:14px;}
	.cover-btn p  { font-size:10px;line-height:0px;}
	.cover-more   { float:none; margin:20px auto 0; }

	.column-small   { display:table; width:100%; text-align:center; padding:0px; float:none;}
	.column-small p { text-align:justify;}
	
	.projects img  { width:100%; height:auto;}	
	.projects-info {margin-right: 35px;}
	.projects-info {margin-right: 35px;}
	
	.inversion, .construction { width:100%; padding:30px 10px; margin:0px; float:none;}
	.left, .right { float:none;}
	.relative     { margin-top:0px;}

	#proyecto img, #legal img, #mercado img{ width:100%; height:auto;}

	#video img { width:90%; height:auto; padding:5%;}
	
	#advtange  { text-align:justify; padding:0 20px;}
	
	#aboutus img {width:90%; height:auto; padding:5%;}
	#aboutus     { padding:50px 0px;}
	
	#phrase [data-icon]:before { font-size:50px; }
	#phrase                    { text-align:center;}
	#phrase h3                 { font-size:25px; display:table; margin:0 auto;}
	#phrase p                  {font-size:15px;}
	
	#vision-info { padding-top:0px; margin-top:-30px; }

	
	#footer img { width:50%; margin:0 auto;}
	#footer h2  { font-size:13px;}
	
	#landscape img   { padding:none; max-width:70%; margin:0 auto; text-align:center; }
	#oportunidad img { padding:none; max-width:70%; margin:0 auto; text-align:center; }
	#oportunidad	   { padding:30px; }

	#consulting .column-small li { color:#fff; text-align:left;}
	
	#vender img  		    { width:40%;}
	#inversion img        { width:40%;}
	#profit img		    { width:50%;}
	
	input { display:block; width:300px; margin:10px auto; }
	textarea { display:block; resize:none; margin:10px auto; width:310px; height:100px;}

	iframe#youtube { display:table; border:none; outline:none; width:310px; height:auto; margin:0 auto; padding:0;   }

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
    
	.projects                { float:none;}
	.projects-info-container {  margin-left: 30px;}

}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}