/* CSS Document */

/* -------------------------------------------- */
/* ------------------ ABOUT ME  --------------- */
/* -------------------------------------------- */

.aboutme-container { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 60px;	
	text-align: left;	
/*	padding: 40px 60px 30px;*/
	/*	padding-bottom: 25px;*/
	margin-left: auto;
	margin-right: auto;
	width: 85%;
/*	border: 1px solid #F00;*/
/*	margin: 40px auto 20px;*/
}

.aboutme-left-pane {
/*	min-height: 60vh;*/	
	flex: 1;
	vertical-align: top;
	margin: 0 auto;		
	text-align: justify;
	font-size: 18px;
}

.aboutme-texto,
.aboutme-texto p,
.aboutme-left-pane p {
	text-align: justify;
	word-wrap: break-word;
}

.aboutme-right-pane {
	width: 500px;	
	text-align: center;	
	vertical-align: top;
	padding-left: 90px;
/*	padding-right: 20px;*/
	padding-top: 25px;
}

.aboutme-foto-Meli {
	width: 100%;
	height: 60vh;
    object-fit: cover;
	border-radius: 10px;
	filter: grayscale();
}

.aboutme-cv-btn {
	display: block;
	width: fit-content;		
	padding: 8px 42px;
	color: #000;
	font-weight: bold;
	border-radius: 5px;	
	margin-inline: auto;
	margin-top: 15px;
}

@media screen and (max-width: 850px) {
	.aboutme-container {
		display: block;
		flex-direction: column;
		flex-wrap: nowrap;
		padding-inline: 0px;
	}
	.aboutme-right-pane {
    	width: 100%;
		padding-inline: 0px;
	}
}