@charset "utf-8";
/* CSS Document Concejo */

.contacto{  
	position:relative; width:90%; height: auto; margin: 0px; padding:7% 5% 7% 5%; 
	}
.contacto h1{
	font-weight: bold; margin-bottom: 40px; text-align: left;
}
.contacto h2{
	margin-bottom: 40px; text-align: left;
}
.contacto p{
	margin-top: 0px; text-align: left;
}
.contacto p img{
	vertical-align: middle; margin: auto;
}
.contacto-content{  
	position:relative; width:100%; height: auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
	flex-align: stretch;
		
	gap: 5%;
	}
.contacto-col:first-of-type{ 
	width: 40%;
}
.contacto-col:last-of-type{ 
	width: 55%;
}

@media all and (max-width: 1000px) {
	.contacto-col:first-of-type{ 
		width: 100%;
	}
	.contacto-col:last-of-type{ 
		display: none;
	}
}