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


body{
	
	width: 1680px;
	height: 1050px;
	overflow: hidden;
	margin: 0;
}
#foto {
	background-image: url("images/foto-800.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 50%;
	height: 945px;
	position: relative;
	float: left;
	top:-55px;
	
}
#textos{
	position: absolute;
	width: 100%;
	margin-left: 220px;
	top:300px;
		
}



#fondo{
	background-image: url("images/fondo-2.png");
	position: absolute;
	top:-55px;
	width: 100%;
	height: 1050px;
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
}
#icono img{
	position: absolute;
	top:600px;
	margin-left: 150px;
}
@media screen and (max-width: 1450px){
	
	#foto{
		height: 811px;
	}
	
	#textos{
		
		top:180px;
	}
	
	#icono img{
		margin-left: 20px;
		top:500px;
	}
}
@media screen and (max-width: 1030px){
	
	#foto{
		height: 576px;
	}
	
	#textos{
		top:140px;
		margin-left: 170px;
	}
	#txt1 p{
		font-size: 18px;
	
	}
	
	#icono img{
		top:370px;
		margin-left: -200px;
	}
}
@media screen and (max-width: 768px){
	#foto{
		height: 426px;
	}
	#textos{
		top:60px;
	}
	#nombre p{
		font-size: 40px;
		margin-left: -100px;
	}
	#txt1 p{
		font-size: 15px;
		margin-left: -80px;
	}
	
	#icono img{
		top:270px;
		width: 60px;
		margin-left: -360px	
	}
}
@media screen and (max-width: 420px){
	#fondo{
		background-image: url("images/fondo-mob.png");
		background-size: cover;
		height: 722px;
		width: 100%;
		top:-15px
	}
	
	#foto{
		height: 722px;
		margin-left: -80px
	}
	
	#textos{
		top:120px
	}
	#nombre{
		
		width: 30%;
	    margin-left: -25px
	}
	#txt1 p{
		width: 55%;
		margin-left: -170px
	
	}
	
	#icono img{
		top:550px;
		margin-left: -480px	
		
	}
}