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

body{
	background-color: #2f2e2e;
}

#banner{
	min-height: 100vh;
	background-image: url("../imagenes_p/banner.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	position: relative;
	
}
#envoltorio{
	position: relative;
	top: 40px;
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	column-gap: 60px;
}



#tarjeta{
	border-top-right-radius: 20px;
   border-top-left-radius: 20px;
	height: 300px;
	background-color: white;
	padding: 10px;
	width: 340px;
	align-self: center;
	text-align: center;
}

#imagent{
	margin-bottom: 10px;
	height: 90px;
}

p >span{
color: orangered;font-weight: bold;font-size: 0.9rem	
}

#titulo_1{
	font-size: 3.0rem;font-weight: bold;padding-left: 10px;line-height: 50px;
}

#titulo_2{
	font-size: 2.0rem;line-height: 10px;padding-left: 10px;
}

#contacto{
	text-align: end;
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 30px;
}
#pie{
	height: 90px;position: relative;bottom: 0;background-color: saddlebrown;color: white;font-size: 0.9rem;font-weight: bold;margin-top: 30px
}
@media(max-width:760px){
	
	#banner{
		min-height: 100vh;
	}
	
	#envoltorio{
		flex-wrap: wrap;
		column-gap: 10px;
		top: 10px;
	}
	
	
	#tarjeta{
	font-size: 0.9rem;
	width: 80%;
	height: 180px;
	border-radius: 20px;
	margin-bottom: 20px;
		padding: 10px;
		

}
	
	#imagent{
		width: auto;
		height: 60px;
	}
	
	h2{
		display: none;
	}
	
	p >span{
		font-size: 0.8rem	
}
	
	hr{
		display: none;
	}
	
	#titulo_1{
	font-size: 2.0rem;line-height: 30px
}

#titulo_2{
	font-size: 1.0rem;
}

#contacto{

	font-size: 0.9rem;

}
	
	#pie{
	height: 100px;font-size: 0.8rem
}
	
}