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

#home{
}
#home .home-greca{
	background: url("../images/home-greca.svg") no-repeat right bottom;
	background-size: contain;
	width: 100vw;
	height: 20vh;
	position: absolute;
	bottom: 0;	
	margin: auto;
	z-index: 1;
}
@media handheld, only screen and (max-width: 1000px) {
	#home{
	}
	#home .home-greca{
		display: none;
	}
}
#resume{
}
#resume .resume-mayya{
	width: 90%;
	height: auto;
	margin: auto;
}
#resume .resume-logo{
	background: url("../images/logo-03.svg") no-repeat center left;
	background-size: contain;
	width: 30vw;
	height: 30vh;
	float: left;
}
#resume .resume-instituciones{
	width: 100%;
	height: auto;
	text-align: center;
	margin: auto;
}
#resume .resume-logos{
	display: inline-table;
	vertical-align: top;
	text-align: left;
	width: 25vw;
	margin: auto 2vw;
}
#resume .resume-inapesca{
	background: url("../images/logo-inapesca.svg") no-repeat center;
	background-size: contain;
	width: 24vw;
	height: 10vh;
	
}
#resume .resume-conapesca{
	background: url("../images/logo-conapesca.svg") no-repeat center;
	background-size: contain;
	width: 24vw;
	height: 10vh;
}
#resume .resume-fao{
	background: url("../images/logo-fao.svg") no-repeat center;
	background-size: contain;
	width: 24vw;
	height: 10vh;
}
#resume .resume-wwf{
	background: url("../images/logo-wwf.svg") no-repeat center;
	background-size: contain;
	width: 24vw;
	height: 10vh;
}
@media handheld, only screen and (max-width: 1000px) {
	#resume{

	}
	#resume .resume-mayya{
	}
	#resume .resume-logo{
		background: url("../images/logo-03.svg") no-repeat center center;
		background-size: contain;
		width: 90vw;
		height: 25vh;
		float:none;
		margin: auto;
	}
	#resume .resume-instituciones{
	}
	#resume .resume-logos{
		display: block;
		text-align: left;
		width: 100%;
		margin: auto;
	}
	#resume .resume-inapesca{
		width: 100%;
		height: 20vh;

	}
	#resume .resume-conapesca{
		width: 100%;
		height: 20vh;
	}
	#resume .resume-fao{
		width: 100%;
		height: 20vh;
	}
	#resume .resume-wwf{
		width: 100%;
		height: 20vh;
	}
}
#impacto{
	background: url("../images/impacto-bg.jpg") no-repeat center center fixed;
	background-size: cover;	
}
#impacto .impacto-mask{
	background: url("../images/impacto-mask.png") no-repeat center center;
	background-size: cover;
	width: 100%;

	min-height: 100vh;
}
#impacto h1{
	color: #ffffff; 
	text-align: right;
}
#impacto h2{
	color: #ffffff; 
}
#impacto p{
	color: #ffffff; 
}
#impacto .impacto-title{
	width: 90%;
	height: auto;	
	padding-top: 5vh;		
	border-bottom: 5px solid #ffffff;
	margin: auto;
}
#impacto .impacto-content{
	width: 90%;

	margin: auto;
}