@charset "UTF-8";
/* CSS Document */
/*@media(min-height:1100px) {
	.espace-floral {transform: scale(.5);		left: -10px;		top: -10px;	}	
}*/

@media screen and (max-height: 400px) {
		
	.ramitas {
			
		position: absolute;
			top: 35px;
			left: 19%;
			transform: translateX(-90px);
		}

.ramitas img {
	 height: 30px;
			width: 54px ;
}
	.espace-floral {
		width: 75px;
		height: 75px;}
	
	.espace-floral img {
		height: 55px;
		width: 55px;
	}
	.text-portadus {
		font-size: 1em;
		padding-left: 85px;
	}
}



		@media screen and (max-width: 621px) {
			
			.container {transition: 2s;}
						
			.container #cabeza-grid {
	grid-column: 1fr 1fr;
	grid-row: 1fr 1fr 1fr;
	grid-template-areas:
		"camp1 camp1"
		"camp2 camp2"
		"camp3 camp3"
		;	
				
	transition: 2s;
}

			
			
			.container #cabeza-grid h1, #camp-2 h1 {
		font-size: 1.7em;

}
			
			
			.container .cuarta-grid {
		min-height: 340px;
	grid-column: 1fr 1fr;
	grid-row: 1fr 1fr;
	grid-template-areas: 
		"fotsg1 fotsg2"
		"fotsg3 fotsg4"
		;	
					background-color: #f4f4f4;

}
			
			
			
			.container .tercere-dos {
				width: 100%;
	height: 70vh;
	min-height: 400px;
	background-color: #f4f4f4;
	display: inline-block;
	align-items: center;
	justify-content:space-around;
	padding: 5%;
	font-size: 22px;	
	text-align: justify;
	
}
			
			.container .tercere-larga {
	height: 100vh;
	min-height: 800px;
	background-color: #f4f4f4;
	display: inline-block;
	align-items: center;
	justify-content: center;
	padding: 1% 5%;
	font-size: 22px;	
	text-align: justify;
	font-size: 1em;
	
}
			
			.container .tercere-media {
	height: 65vh;
	min-height: 800px;
	background-color: #f4f4f4;
	display: inline-block;
	align-items: center;
	justify-content: center;
	padding: 1% 5%;
	font-size: 22px;	
	text-align: justify;
	
}

			.container .tercere-negocio {
	height: 50vh;
	min-height: 450px;
	background-color: #f4f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1% 5%;
	font-size: 19px;	
	text-align: justify;
				z-index: 3500;
	
}
			
			.container .tercere-valve .valves-icons {
				
				transform: scale(2);
	
	
}
			
			
			
		#orchi1,#orchi2,#orchi3,#orchi4 {
transition: 2s;	
	
}
			
			
			
			
			
}