@font-face {
  font-family: Gooper;
  src: url(src/fonts/Gooper-Light.ttf);
  font-weight: 200;
	}
	@font-face {
  	font-family: Gooper;
  	src: url(src/fonts/Gooper-LightItalic.ttf);
  	font-weight: 300;
	}
	@font-face {
  	font-family: Gooper;
  	src: url(src/fonts/Gooper-Regular.ttf);
  	font-weight: 400;
	}
	@font-face {
  	font-family: Gooper;
  	src: url(src/fonts/Gooper-RegularItalic.ttf);
  	font-weight: 500;
	}
	@font-face {
	  font-family: Gooper;
	  src: url(src/fonts/Gooper-SemiBold.ttf);
	  font-weight: 600;
		}
	@font-face {
	  font-family: Gooper;
	  src: url(src/fonts/Gooper-SemiBoldItalic.ttf);
	  font-weight: 700;
		}
::selection {
  background: #F1B564;
  color: #2d2b29;
}
html{
	scroll-behavior: smooth;
	overflow-x: hidden;
}
*{
	padding: 0;
	margin: 0;
	color: #2d2b29;
	transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
h1{
	font-family: Gooper;
	font-weight: 400;
	font-size: 5vw;
	letter-spacing: -0.025em;

}
h2{
	font-family: Gooper;
	font-weight: 400;
	font-size: 4vw;
	letter-spacing: -0.025em;
}
h3{
	font-family: Gooper;
	font-weight: 400;
	font-size: 2vw;
	line-height: 2vw;
}
h4{
	font-family: Gooper;
	font-weight: 200;
	font-size: 1.5vw;

}
h5{
	font-family: Gooper;
	font-weight: 200;
	font-size: 1.25vw;

}
body{
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
	background-color: #e8d4b7;
}
.smooth-scroll-wrapper {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100vw;
    overflow: hidden;
	transition: all 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

header{
	user-select: none;
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 102;
	}
	header>ul{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		}
		header>ul:nth-child(3){
			margin-left: 3vw;
			justify-content: flex-start;
			width: auto;
		}
		header>ul:nth-child(5){
			justify-content: flex-end;
			width: auto;
			position: absolute;
			right: 0;
			}
			#menu_option{
				text-decoration: none;
				font-family: Gooper;
				font-weight: 300;
				font-size: 3vw;
				}
				#menu_option_li{
					width: auto;
					height: auto;
					cursor: pointer;
					display: flex;
					list-style: none;
					margin-right: 3vw;
					font-family: Gooper;
					font-weight: 300;
					font-size: 2vw;
					justify-content: center;
					align-items: center;
					}
				#menu_option_li_a{
					width: 100%;
					height: 100%;
					text-decoration: none;
					color: #2d2b29;
				}
				#user_btn{
					margin-left: 0.5em;
					width: 60px;
					height: 60px;
					cursor: pointer;
					}
					#user_icon{
						fill: #2d2b29;
						margin-left: 0.5em;
						width: 100%;
						transform: scale(0.8);
						}
					#shop_icon{
						width: 60px;
						height: 60px;
						cursor: pointer;
						margin: 0 0.5em;
						margin-right: 2.5vw;
						transform: scale(0.8);
						fill: #2d2b29;
						}

			#menu_btn{
				display: none;
				position: fixed;
				cursor: pointer;
				top: 35px;
				left: 35px;
				width: 50px;
				height: 50px;
				z-index: 901;
				}
				#menu_icon{
					position: absolute;
					top: 0;
					left: 0;
					opacity: 1;
					fill: #2d2b29;
					width: 100%;
				}
				#menu_icon_2{
					position: absolute;
					top: 0;
					left: 0;
					opacity: 0;
					fill: #e8d4b7;
					width: 100%;
				}
				#menu_icon_3{
					position: absolute;
					top: 0;
					left: 0;
					opacity: 0;
					fill: #e8d4b7;
					width: 100%;
				}
				
			#menu_btn_content{
				position: fixed;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100vh;
				background-color: #2d2b29;
				display: flex;
				justify-content: center;
				z-index: 900;
				overflow-y: hidden;
				}
				#menu_btn_content>ul{
					height: 90%;
					width: 95%;
					display: flex;
					justify-content: flex-start;
					align-items: start;
					flex-direction: column;
					position: absolute;
					top: 10vh;
					left: 55px;
					}
					#menu_btn_content>ul>a{
						cursor: pointer;
						text-decoration: none;
					}
					#menu_btn_content>ul>a:nth-child(1){
						position: absolute;
						bottom: 55px;
					}
					#menu_btn_content>ul>a>li{
						list-style: none;
						height: auto;
						width: 100%;
						display: flex;
						justify-content: center;
						align-items: flex-start;
						padding: 1em 0;
						flex-direction: column;
						}
					
						#user_icon_2{
							fill: #e8d4b7;
							width: 55px;
							margin-bottom: 1em;
						}
						#menu_btn_content>ul>a>li>h1,#menu_btn_content>ul>a>li>h2{
							font-weight: 400;
							color: #e8d4b7;
							text-align: left;
						}
						
	#logo{
		cursor: pointer;
		position: absolute;
		right: 50%;
		top: 5vh;
		transform: translate(50%, -50%);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 150px;
		}
		#logo a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
		}
		#logo1{
			top: 0;
			left: 0;
			position: absolute;
			opacity: 1;
			width: 100%;
			}
		#logo2{
			top: 0;
			left: 0;
			position: absolute;
			opacity: 0;
			width: 100%;
			}
		#logo3{
			top: 0;
			left: 0;
			position: absolute;
			opacity: 0;
			width: 100%;
			z-index: 902;
			}

#login_menu{
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	position: fixed;
	right: -100%;
	width: auto;
	height: 100%;
	z-index: 900;
	display: flex;
	justify-content: center;
	}

	#login_menu>div{
		position: relative;
		width: 35vw;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		background-color: #e8d4b7;
		-webkit-box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.68);
		-moz-box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.68);
		box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.68);
		overflow: hidden;
		}
		#close_login_menu{
			position: absolute;
			top: 5%;
			left: 40px;
			width: 65px;
			height: 65px;
			background-image: url(src/icons/close.svg);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			cursor: pointer;
			z-index: 502;

			}
		#login{
			position: absolute;
			transform: translate(50%, -50%);
			top: 50%;
			right: 50%;
			z-index: 202;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: auto;
		}
		#signup{
			position: absolute;
			transform: translate(0%, -50%);
			top: 50%;
			right: -150%;
			z-index: 202;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: auto;
			}
			#signup>div,#login>div{
				display: flex;
				align-items: center;
				width: 100%;
				height: auto;
				padding: 10vh 0;
				padding-right: 15%;
				flex-direction: column;
				}
				#signup>div>form,#login>div>form{
					flex-direction: column;
					display: flex;
					align-items: center;
					width: auto;
					height: 100%;
					padding: 55px 0;
					}
					#signup>div>form>h3,#login>div>form>h3{
						text-align: left;
						width: 100%;
						position: relative;
						top: -1em;
					}
					#signup>div>form>label,#login>div>form>label{
						display: flex;
						justify-content: flex-start;
						text-align: left;
						width: 100%;
						}
						#signup>div>form>label>h4,#login>div>form>label>h4{
							text-align: left;
							font-size: 25px;
							}
					#signup>div>form>input,#login>div>form>input{
						margin-top: 1vh;
						width: 100%;
						height: 35px;
						background-color: transparent;
						border: none;
						border-bottom: 2.5px dotted #000000;
						border-left: none;
						border-right: none;
						border-top: none;
						font-size: 25px;
						font-family: Gooper;
						font-weight: 200;
						margin-bottom: 2vh;
						}
					#signup>div>form>span,#login>div>form>span{
						width: 100%;
						display: flex;
						flex-wrap: nowrap;
						}
						#signup>div>form>span:hover>img,#login>div>form>span:hover>img{
						animation: Dedo 0.75s ease;
						animation-iteration-count: infinite;
						}
						#signup>div>form>span>img,#login>div>form>span>img{
							position: relative;
							top: 4px;
							width: 35px;
							margin-right: 35px;
							transform: rotate(90deg);
							}
						#signup>div>form>span>input,#login>div>form>span>input{
							width:auto;
							background-color: transparent;
							text-decoration: none;
							padding: 0;
							border: none;
							cursor: pointer;
							font-size: 35px;
							font-family: Gooper;
							font-weight: 400;
							}
					#signup>div>form>h4,#login>div>form>h4{
						text-align: left;
						width: 100%;
						position: relative;
						top: 2em;
						}
					#signup>div>form>h4>span,#login>div>form>h4>span{
						border-bottom: 1.5px solid black;
						cursor: pointer;
						user-select: none;
						font-weight: 400;
						}

			#signup>div>form{
				 padding-left: 22%;
			}
			#login>div{
				padding: 10vh 0;
				}


		#fondo_login_menu{
			width: 100%;
			height: 100%;
			background-image: url(src/fondos/fondo2.jpg);
			background-size: 300%;
			background-repeat: no-repeat;
			background-position: center;
			position: absolute;
			top: 0;
			left: 0;
			opacity: 50%;
			z-index: 1;
		}
		@media (max-height: 900px) {
			#login_menu>div{
				top: 0;
				height: 100%;
			}
		}

#section1{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	flex-direction: column;
	overflow: hidden;
	}
	#section1_video{
		position: absolute;
		top: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		z-index: 2;
		}#section1_video video{
			position: absolute;
			right: 0;
			bottom: 0;
			width: auto;
			height: 120vh;
			transform: scale(1, 1.17);
			transform-origin: bottom right;
			}
			
	#section1>h1{
		z-index: 1;
		margin-left: 10vw;
		width: 40vw;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		padding-top: 5vw; 
		text-align: left;
		position: relative;
		}#section1_h1{
		user-select: none;
		}
	#section1_CTA{
		user-select: none;
		cursor: pointer;
		margin-top: 2em;
		width: auto;
		height: auto;
		padding: 0.75em 1.25em;
		position: relative;
		left: 9.5vw;
		border: 2px solid #2d2b29;
		background-color: #ec9514;
		border-radius: 30px;
		z-index: 5;
		}
		#section1_CTA>h3{
			position: relative;
			color: #2d2b29;
			}
		#section1_CTA:hover{
			transform: scale(1.05);
			}
	#section1_div{
		user-select: none;
		z-index: 1;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: start;
		}
		#section1_div>ul{
			transform: scale(0.85);
			position: relative;
			left: 9.25vw;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			flex-direction: column;
		}
		#section1_div>ul>li{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			}
			#section1_div>ul>li>img{
				position: relative;
				top: 4px;
				width: 27px;
				transform: rotate(90deg);
				}
			#section1_div>ul>li>h4{
				margin-left: 1em;
				text-align: left;
				}
			#section1_div>ul>li:nth-child(4)>h4{
				margin-top: 10px;
			}
	#section1_fondo{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(src/fondos/fondo2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 0;
		overflow: hidden;
	}
	

#section2{
	height: 85vh;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-color: #2d2b29;
	position: relative;
	z-index: 2;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	#section2_div{
		width: 90%;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 5%;
		}
		#section2>div>h2{
			z-index: 200;
			text-align: left;
			color:  #e8d4b7;
			width: 85%;
			}
		#section2>div>h3{
			z-index: 200;
			text-align: left;
			margin-top: 0.5em;
			color: #e8d4b7;
			}

#section3{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	background-color: #e8d4b7;
	flex-direction: column;
	padding-bottom: 10vh;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	#section3_title{
		width: 70%;
		padding-top: 25vh;
		height: 60vh;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		}
	#section3_title>video{
		width: 100%;
		height: 100vh;
		position: absolute;
		top: 0;
		right: -40%;
		z-index: 2;
		}

		#section3_title>h2{
			z-index: 100;
			line-height: 4.25vw;
			width: 40vw;
			}
			#section3_title>h2>a{
				cursor: pointer;
				user-select: none;
				color: #2d2b29;
				font-weight: 400;
				text-decoration: underline;
				display: inline-block;
				}
				#section3_title>h2>a:hover{
				color: #ec9514;
					}
					#section3_title>h2>a>img{
						height: 1em;
						top: 0.25em;
						transform: rotate(90deg);
						position: relative;
						margin-right: 35px;
					}
					#section3_title>h2>a:hover>img{
						animation: Dedo 0.75s ease;
						animation-iteration-count: infinite;
					}
					@keyframes Dedo{
									0%{
										left: 0;
									}
									50%{
										left: -30px;
									}
									100%{
										left: 0px;
									}
						}
	#mercado{
		padding-top: 35vh;
		padding-bottom: 5vw;
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		overflow: hidden;
		user-select: none;
		position: relative;
		}
		#titulo_mercado{
			z-index: 2;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			}
			#titulo_mercado > h1{
				margin-left: 1em;
				margin-right: 1em;
				}
			#titulo_mercado > img:nth-child(1){
				height: 55px;
				}
			#titulo_mercado > img:nth-child(3){
				height: 55px;
				}
		#gallery_mercado{
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			flex-direction: column;
			}
			#gallery_mercado_title{
				margin-top: 1.5em;
				width: 100%;
				display: flex;
				justify-content: center;
					text-align: center;
				}
			#gallery_mercado>div{
				width: 80%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
			padding-bottom: 10vh;

				}
				#objeto_mercado{
					 flex-basis: 33.33%;
					background-color: #e8d4b7;
					min-height: 325px;
					max-width: 255px;
					cursor: pointer;
					border: 2PX solid #2d2b29;
					border-radius: 15px;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					align-items: center;
					margin: 2.5% 1.6%;
					z-index: 2;
					flex-basis: calc(25% - 20px);
					position: relative;
					}
				#objeto_mercado:hover{
					transform: scale(1.07);
					-webkit-box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.6);
					-moz-box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.6);
					box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.6);
				}
					#objeto_mercado_info{
						padding-bottom: 5%;
						width: 80%;
						height: auto;
						display: flex;
						justify-content: flex-start;
						align-items: flex-start;
						flex-direction: column;
						position: relative;
						z-index: 2;
						}
						#kg_counter{
							margin-top: 1em;
							padding: 1em 0;
							width: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							position: relative;
							top: -0.5em;
							width: 100%;
							margin-bottom: 0.5em;
							z-index: 2;
								user-select: none;

							}#kg_counter_h4{
								margin: 0 0.5em;
								white-space: nowrap;
								}
							#kg_counter_up, #kg_counter_down{
								font-size: 30px;
								font-weight: 200;
								}
								#kg_counter_up:hover, #kg_counter_down:hover{
									transform: scale(1.24);
								}
						#objeto_mercado_info>h3, #objeto_mercado_info>h4{
							text-align: left;
							line-height: 1em;
							font-size: 2em;
						}
						#objeto_mercado_info>h4{
							text-align: left;
							margin-top: 0.25em;
						}
				#objeto_mercado_buy{
					border: 2px solid #2d2b29;
					position: absolute;
					right: -6%;
					display: flex;
					justify-content: center;
					align-items: center;
					z-index: 2;
					bottom: -6%;
					background-color: #ec9622;
					width: 75px;
					height: 75px;
					border-radius: 50%;
					}
					#objeto_mercado_buy>img{
						width: 45%;
					}
				#objeto_mercado_buy:hover{
					transform: scale(2);
					transform: rotate(-13deg);
				}
					
				#objeto_mercado>img{
					width: 100%;
					z-index: 2;
					}
					#objeto_mercado_fondo{
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-image: url(src/fondos/fondo2.jpg);
							background-size: 300%;
							background-repeat: no-repeat;
							background-position: center;
							z-index: 0;
							opacity: 1;
							overflow: hidden;
							border-radius: 15px;
						}
		
		
		#cadena{
			height: 55px;
			z-index: 2;
			}


	#fondo_section3{
		width: 100%;
		height: 100%;
		background-image: url(src/fondos/fondo2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		}

#section4{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ec9622;
	padding-bottom: 25vh;
	position: relative;
	}
	#section4>div{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		z-index: 2;
		}
		#section4>div>div:nth-child(1){
			position: absolute;
			top: 1em;
			left: 10vw;
			width: 90%;
			margin-top: 1em;
			letter-spacing: -0.25em;
			}
			#section4>div>div:nth-child(1)>h1{
				}
		#section4>div>div:nth-child(2){
			margin-top: 15vw;
			height: 80%;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-top: 10vh;
			}
			#section4>div>div:nth-child(2)>div{
			width: 50%;
			height: 100%;
			display: flex;
			justify-content: flex-end;
			padding-right: 3vw;
			align-items: center;
			}#section4>div>div:nth-child(2)>div:nth-child(2){justify-content: flex-start;}
			#fruitshop_list{
					padding-top: 5vh;
					width: 450px;
					height: 600px;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					border: 2px solid black;
					background-color: #e8d4b7;
					border-radius: 35px;
				}
				#fruitshop_list>h3{
					padding-left: 1em;
					position: relative;
					top: -1em;
				}
				#fruitshop_list_ul{
					border-radius: 20px;
					width: 100%;
					height: 80%;
					overflow-x: hidden;
					overflow-y: scroll;
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: flex-start;
					
					}
					#fruitshop_list_ul>li{
						padding: 0.5em 1em;
						width: 100%;
						margin: 1em 0;
						list-style: none;
						cursor: pointer;
						}
					#fruitshop_list_ul>li:hover{
						background-color: rgba(0,0,0,0.1);
					}
						#fruitshop_list_ul>li>h4{
							width: 90%;
							font-size: 1.25em;
									}
								#fruitshop_list_ul>li>h5{
								font-size: 1em;
								}
		
				#mapa{
					margin-left: 3vw;
					position: relative;
					width: 600px;
					height: 600px;
					border-radius: 30px;
					border: 2px solid black;
					overflow: hidden;
					transform: scale(1.2);
					}
					#mapa>iframe{
						border: none;
						width: 100%;
						height: 100%;
						}


	#fondo_section4{
		width: 100%;
		height: 100%;
		background-image: url(src/fondos/fondo3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}


#info_caja_naranjas{
			position: fixed;
			width: 100vw;
			height: 100vh;
			top: 100%;
			left: 0;
			background-color: #e8d4b7;
			z-index: 9;
			display: flex;
			justify-content: center;
			transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
			}
			#info_caja_naranjas>div{
				z-index: 2;
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				flex-direction: column;
				overflow-y: scroll;
				}
			#info_caja_naranjas_back_icon{
				cursor: pointer;
				background-image: url(src/icons/back.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				position: absolute;
				top: 45%;
				left: 5vw;
				width: 65px;
				height: 65px;
				z-index: 3;
				}
			#fondo_info_caja_naranjas{
				width: 100%;
				height: 100%;
				background-image: url(src/fondos/fondo2.jpg);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				overflow: hidden;
				}
				#info_caja_naranjas>div>div:nth-child(1){
					margin-top: 25vh;
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					}
					#info_caja_naranjas_img{
						margin-right: 3vw;
						width: 20vw;
						height: 20vw;
						background-image: url(src/img/cestas/naranjas.png);
						background-size: contain;
						background-position: center;
						background-repeat: no-repeat;
						background-size: 120%;
						border-radius: 3em;
						border: 2px solid #2d2b29;
						}
					#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2){
						height: 20vw;
						display: flex;
						flex-direction: column;
						justify-content: space-around;
						align-items: flex-start;
						position: relative;
						}
						#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2)>div{
							display: flex;
							justify-content: flex-start;
							padding: 0em 0;
							}
							#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2)>div>h4{
								font-size: 2vw;
							}
						#info_caja_naranjas>div>div:nth-child(1)>div>h2{
						}
						#info_caja_naranjas>div>div:nth-child(1)>div>h3{
							}
							#info_caja_naranjas>div>div:nth-child(1)>div>h3>span{
								font-size: 1.75vw;
								font-weight: 200;
								}
					#info_caja_naranjas_add_to_cart{
						display: none;
						justify-content: center;
						align-items: center;
						background-color: #ec9622;
						width: 20vw;
						height: 55px;
						border-radius: 3em;
						overflow: hidden;
						cursor: pointer;
						position: relative;
						margin-left: -0.5em;
						border: 2px solid #2d2b29;
						}
						#info_caja_naranjas_add_to_cart>h3{
							position: relative;
							top: -1px;
							padding: 0.25em 0.5em;
							z-index: 3;
							font-size: 2vw;
							}
								#info_caja_naranjas_add_to_cart:hover{
									transform: scale(1.05);
									}
				#info_caja_naranjas_opiniones{
					width: 100%;
					display: flex;
					justify-content: center;
					padding-top: 15vw;
					padding-bottom: 10vw;
					}
					#info_caja_naranjas_opiniones>div{
						width: 95vw;
						display: flex;
						justify-content: center;
						align-items: center;
						flex-direction: column;
						}
						#info_caja_naranjas_opiniones>div>h3{
							width: 100%;
							text-align: center;
							user-select: none;
							}
						#info_caja_naranjas_opiniones>div>div:nth-child(2){
							margin-top: 2.5em;
							width: 100%;
							display: flex;
							justify-content: center;
							align-items: center;
							flex-wrap: wrap;
							}
							#info_caja_naranjas_opiniones>div>div:nth-child(2)>div{
								display: flex;
								widows: 20vw;
								border: 2px solid #2d2b29;
								border-radius: 2.5em;
								justify-content: center;
								align-items: flex-start;
								flex-direction: column;
								padding: 1em 2em;
								margin: 1.5vw 1.5vw;
								-webkit-box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.48);
								-moz-box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.48);
								box-shadow: 0px 0px 32px -11px rgba(45,43,41,0.48)
								}
							#info_caja_naranjas_opiniones>div>div:nth-child(2)>div>h4{
								font-weight: 400;
								margin-bottom: 1em;
								}
							#info_caja_naranjas_opiniones>div>div:nth-child(2)>div>h5{
								font-weight: 200;
								}
							#info_caja_naranjas_opiniones>div>div:nth-child(2)>div>h5:nth-child(3){
								font-size: 1em;
								margin-top: 0.5em;
								font-weight: 200;
								}
				#info_caja_naranjas>div>div:nth-child(3){
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: flex-start;
					}
					#info_caja_naranjas_props{
						width: 50%;
						display: flex;
						justify-content: center;
						align-items: flex-start;

						}
						#info_caja_naranjas_props>div{
							width: 70%;
							display: flex;
							justify-content: center;
							}
							#info_caja_naranjas_colabroador{
								width: 100%;
								display: flex;
							}
					#info_caja_naranjas_origen{
						position: relative;
						display: flex;
						justify-content: center;
						width: 50%;
						padding-bottom: 15vh;
						}
						#info_caja_naranjas_origen>div{
							width: 70%;
							display: flex;
							flex-direction: column;
							justify-content: flex-start;
							align-items: center;
							}
							#info_caja_naranjas_origen>div>h2{
							}
							#info_caja_naranjas_origen>div>h4{
								margin: 1.5em 0;
							}
							#info_caja_naranjas_colabroador{
								width: 100%;
								display: flex;
								}
							#info_caja_naranjas_colabroador{
								display: flex;
								justify-content: center;
								align-items: center;
								margin:1em 0;
								}
								#info_caja_naranjas_colabroador>div:nth-child(1){
									border: 2px solid #2d2b29;
									overflow: hidden;
									border-radius: 50%;
									display: flex;
									justify-content: center;
									align-items: center;
									width: 10vw;
									height: 10vw;
									}
									#info_caja_naranjas_colabroador>div:nth-child(1)>img{
										width: 100%;
									}
								#info_caja_naranjas_colabroador>div:nth-child(2){
									margin-left: 2em;
									display: flex;
									flex-direction: column;
									justify-content: center;
									align-items: flex-start;
									width: 17vw;
									height: 10vw;
									}
					

#info{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: -130%;
	left: 0;
	background-color: #2d2b29;
	z-index: 100;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	overflow-y: scroll;
	} #info h1, #info h2, #info h3, #info h4, #info h5{
		color: #e8d4b7
		}
	#info>div{
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		}
		#info_1{
			width: 100%;
			height: 95vh;
			display: flex;
			justify-content: center;
			align-items: center;
			}
			#info_1>div{
				margin-top: 5vh;
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				padding-left: 10vw;
				}
				#info_1>div>h2{
					text-align: left;
					width: 50vw;
					}
				#info_1>div>h3{
					margin-top: 1.25em;
					text-align: left;
					width: 50vw;
					}
		#info_2{
			width: 100%;
			height: 66vh;
			display: flex;
			justify-content: center;
			align-items: center;
			}
			#info_2>div{
				transform: scale(0.8);
				width: 80%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				height: 60vh;
				}
				#info_2_title{
					width: 100%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					}
					#info_2_title>h3{
						font-weight: 200;
						}
					#info_2_title>h2{
						color:#ec9622;
						line-height: 1em;
						}
					#info_2_columns{
						padding-top: 2.5em;
						width: 100%;
						height: auto;
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: flex-start;
						flex-wrap: nowrap;
						}
						#info_2_column{
							flex-direction: column;
							display: flex;
							justify-content: flex-start;
							align-items: center;
							width: 18%;
							margin: 0 2.5em;
							position: relative;
							margin-top: 20vw;
							}
							#info_2_column h3{
								margin-bottom: 0.5em;
							}
							#info_2_column h4{
							}
								#info_2_img_1{
									position: absolute;
									left: 50%;
									transform: translate(-50%, -100%);
									width: 15vw;
									height: 15vw;
									background-image: url(src/img/infoicons/agricultor.png);
									background-position: center;
									background-size: contain;
									background-repeat: no-repeat;
									}
								#info_2_img_2{
									position: absolute;
									left: 50%;
									transform: translate(-50%, -100%);
									width: 15vw;
									height: 15vw;
									background-image: url(src/img/infoicons/amigajos.png);
									background-position: center;
									background-size: contain;
									background-repeat: no-repeat;
								}
								#info_2_img_3{
									position: absolute;
									left: 50%;
									transform: translate(-50%, -100%);
									width: 15vw;
									height: 15vw;
									background-image: url(src/img/infoicons/persona.png);
									background-position: center;
									background-size: contain;
									background-repeat: no-repeat;
								}
		#info_3{
			width: 100%;
			height: 90vh;
			display: flex;
			justify-content: center;
			}
			#info_3>div{
				transform: scale(0.8);
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				}
				#info_3>div>h2{
					line-height: 1em;
					text-align: center;
					color: #ec9622;
					margin-bottom: 0.75em;
				}
				#info_3>div>h3{
					text-align: center;
					width: 30vw;
					margin-bottom: 1.5em;
					font-weight: 200;
				}
				#info_3>div>h5{
					line-height: 1.35em;
					text-align: left;
					width: 33.33vw;
					font-weight: 200;
				}
		#info_4{
			width: 100%;
			height: 50vh;
			display: flex;
			justify-content: center;
				padding-bottom: 80vh;
			}
			#info_4>div>h2{
				text-align: center;
				width: 100%;
				color: #ec9622;
				}
			#info_4>div{
				width: 75%;
				height: 100vh;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				position: relative;
				}
				#info_4>div>h5{
					width: 33.33vw;
					text-align: center;
					padding: 2em 0;
					}
				#info_4>div>div:nth-child(3){
					margin-top: 1em;
					padding: 5em 0;
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #e8d4b7;
					border-radius: 20px;
					position: relative;
					overflow: hidden;
					}

				#info_4>div>div:nth-child(3)>img:nth-child(1){
					margin: 600px 0;
					width: 80%;
					z-index: 4;
					display: flex;
					}
				#info_4>div>div:nth-child(3)>img:nth-child(2){
					margin: 600px 0;
					width: 80%;
					z-index: 4;
					display: none;
					}
				#info_4>div>div:nth-child(3)>div{
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-image: url(src/fondos/fondo2.jpg);
					background-size: 400%;
					opacity: 0.3;
					background-position: center;
					}
		#info_5{
			width: 100%;
			height: 20vh;
			display: flex;
			justify-content: center;
			align-items: center;
			}
			#info_5>div{
				width: 80%;
				height: 90%;
				display: flex;
				justify-content: center;
				align-items: center;
				}
				#info_5>div>div{
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-wrap: nowrap;
					}
					#info_5>div>div>ul{
						width: 50%;
						height: 100%;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						align-items: flex-start;
						}
					#info_5>div>div>ul:nth-child(2){
						
						align-items: flex-end;
						}
					#info_5>div>div>ul>li{
						list-style: none;
						color: #e8d4b7;
						font-family: gooper;
						font-weight: 200;
						}

























/*___________________________________MEDIA_____QUERYS______________________________________*/



@media (max-width: 2300px) {
	#section3_title>video{
			transform: scale(0.8);
			top: 30%;
			}

}

@media (min-width: 2000px) {
	h1{
	font-size: 4vw;
	}
	h2{
		font-size: 4vw;
	}
	h3{
		font-size: 2.5vw;
	}
	h4{
		font-size: 2vw;
	}
	h5{
	font-size: 2vw;
	}
	#logo1,#logo2{
		width: 200px;
	}
}
@media (max-width: 1620px) {
	#section4>div>div:nth-child(2)>div{
		width: 100%;
			}
	#mapa{
		transform: scale(1);
	}
}
@media (max-width: 1380px) {
	h1{
		font-size: 7vw;
	}
	h2{
		font-size: 6vw;
	}
	h3{
		font-size: 4vw;
	}
	h4{
		font-size: 2vw;
	}
	h5{
		font-size: 2vw;
	}
	#section1{
		justify-content: flex-start;
		align-items: flex-start;
		}
		#section1>h1{
			width: 55vw;
			padding-top: 15vw;
			text-align: left;
			line-height: 1em;
			margin-left: 10vw;
			}
		#section1_video video{
			height: 100vh;
			}
		#section1_div{
			justify-content: flex-start;
			}
	#login_menu>div{
		width: 45vw;
		}
	#section3_title>video{
			top: 30%;
			transform: scale(1.1);
			}
	#mercado{
		padding-top: 30vh;
	}
	#section3{
		padding-bottom: 5vw;
		height: auto;
		}
		#section3_title{
			width: 90%;
			}
			#section3_title > h2{
						line-height: 1em;
						width: 60vw;
						}
	#mercado{
		padding-top: 15vh;
		}
		#gallery_mercado>div{
			width: 95%;
			padding-bottom: 5vw;
			}
			#objeto_mercado{
				width: 370px;
				margin-bottom: 125px;
				}
	#section4>div>div:nth-child(2){
		margin-top: 25vw;
	}
	#fruitshop_list>h3{
					line-height: 3.75vw;
					top: 0;
					left: -0.75em;
				}

	#info_caja_naranjas_add_to_cart{

	}
	#info_caja_naranjas_origen>div>h2{
		padding-bottom: 0.2em;
		}
		#info_caja_naranjas_origen>div>h4{
			margin: 1.5em 0;
			}

	#info_1>div>h2{
		font-size: 5vw;
		text-align: left;
		width: 70vw;
		}
	#info_1>div>h3{
			font-size: 3vw;
			width: 70vw;
			line-height: 1em;
			}
	#info_2_title>h3{
			margin-bottom: 0.5em;
			}
	#info_caja_naranjas_colabroador>div:nth-child(2)>h3{
		margin-bottom: 0.5em;
		}


	#info_2_columns{
		position: relative;
	}
		#info_2_column{
			width: 25%;
			margin: 0 7vw;
			margin-top: 20vw;
			}
			#info_2_column>div>h5{
				width: 120%;
				}
	

	#info_3{
		padding-top: 15vh;
		}
		#info_3>div>h3{
			line-height: 1em;
			width: 50vw;
			}
		#info_3>div>h5{
					width: 55vw;
				}

		#info_4>div>h5{
					width: 55vw;
					}

}
@media (max-width: 1380px) and (max-height: 1280px) {
  	#section3_title>video{
		transform: scale(0.8);
		}
	#gallery_mercado>div{{
		padding-bottom: 10vw;
		}
}
@media (max-width: 1200px){
	#section1>h1{
			padding-top: 20vw;
		}
	#section4>div>div:nth-child(2)>div{
			padding-right: 0vw;
		}#section4>div>div:nth-child(2)>div:nth-child(2){
			padding-right: 3vw;
			}

}
@media (max-width: 1000px) and (max-height: 1280px) {
	#section3_title>video{
		transform: scale(1);
		top: 15vw;
		}
	#section3_title{
		padding-bottom: 0vw;
	}
}

@media (max-width: 1100px) {
	#objeto_mercado_buy{
		width: 65px;
					height: 65px;

		}#objeto_mercado_buy:hover{
				}
	#objeto_mercado_info>h3, #objeto_mercado_info>h4{
							text-align: left;
							line-height: 1em;
							font-size: 1.75em;
						}
	#section4>div>div:nth-child(2){
		}
		#section4>div>div:nth-child(2)>div:nth-child(1),#section4>div>div:nth-child(2)>div:nth-child(2){
			}
		#fruitshop_list{
			width: 30vw;
			height: 500px;
		}
		#mapa{
			width: 60vw;
		}
		#fruitshop_list>h3{
					padding-left: 1em;
					position: relative;
					top: -0.5em;
				}
			#fruitshop_list_ul{
			}
			#fruitshop_list_ul>li{
						margin: 0.5em 0;
						list-style: none;
						}
				#fruitshop_list_ul>li>h4{
					width: 90%;
					font-size: 1.25em;
					}
					#fruitshop_list_ul>li>h5{
						font-size: 0.75em;
						}
#info_caja_naranjas>div>div:nth-child(3){
					width: 100%;
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					}
}

@media (max-width: 940px) {
	h1{
	font-size: 8vw;
	}
	h2{
		font-size: 6vw;
	}
	h3{
		font-size: 3.5vw;
	}
	h4{
		font-size: 3vw;
	}
	h5{
		font-size: 2.75vw;
	}
		#menu_btn{
			display: flex;
			top: 4vh;
			left: 4vh;
			transform: scale(1.1);
		}
		#shop_icon{
			position: relative;
			top: -2.75em;
			right: 0.5em;
			transform: scale(1);
		}

		#menu_option_li{
			display: none;
		}

		#login_menu>div{
			width: 90vw;
		}
		#logo1,#logo2{
			top: -30px;
			}


	#section1{
		}
		#section1_video{
			height: 100vh;
		}
		#section1>h1{
		width: 80%;
		}
		#section1_div{
			align-items: flex-start;
			}
			#section1_div>ul>li{
			height: 5vw;
			}
			#section1_div>ul>li:nth-child(4)>h4{
			}
	#section3_title{
		height: 60vh;
		width: 90%;
	}
	#section3_title>video{
		transform: scale(1.3);
		top: 15vw;
		}
	#section3_title>h2>a>img{
		height: 1.25em;
		margin-right: 0.5em;
	}
	#mercado{
		padding-top: 15vh;
		}
		#gallery_mercado>div{
			width: 100%;
			}
			#objeto_mercado{
				min-height: 325px;
					max-width: 27%;
					flex-basis: calc(33.33% - 20px);
					margin: 2% 1.6%;
			}

	
		#section4>div>div:nth-child(1){
			width: 100%;
			}
		#section4>div>div:nth-child(2){
			flex-direction: column;
			}
			#section4>div>div:nth-child(2)>div:nth-child(1){
				width: 100%;
				justify-content: center;
				}#fruitshop_list{
					width: 75%;
					height: 375px;
					margin-bottom: 5vw;
					}
					#fruitshop_list>h3{
						line-height: 5vw;
						left: 0px;
					}
			#section4>div>div:nth-child(2)>div:nth-child(1){
			width: 100%;
			justify-content: center;
			}
			#mapa{
				width: 90%;
			}

	#info_caja_naranjas_back_icon{
		left: 29px;
		}
	#info_caja_naranjas>div>div:nth-child(1){
		flex-direction: column;
		margin-top: 20vh;
		margin-bottom: 25vw;
		}
		#info_caja_naranjas_img{
			width: 30vw;
			height: 30vw;
			}

			#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2){
				width: 35vw;
				align-items: center;
				margin-top: 1.25em;
				}
				#info_caja_naranjas>div>div:nth-child(1)>div>h2{
					margin-top: 0.5em;
					}
				#info_caja_naranjas>div>div:nth-child(1)>div>h3{
					margin-top: 0.5em;
					text-align: center;
					}
					#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2)>div{
							justify-content: center;
						}
							#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2)>div>h4{
								font-size: 4vw;
								padding: 0.25em 0;
								}
							#info_caja_naranjas_add_to_cart{
								position: absolute;
								width: 35vw;
								bottom: -8vw;
								height: 2.5em;
								}
								#info_caja_naranjas_add_to_cart>h3{
									font-size: 3vw;
								}
	#info_caja_naranjas_opiniones{
		}
		#info_caja_naranjas_opiniones>div{
					width: 100%;
					}
					#info_caja_naranjas_opiniones>div>div:nth-child(2)>div{
							width: 16vw;
						}
						#info_caja_naranjas_opiniones>div>div:nth-child(2)>div>h4{
							font-weight: 400;
							margin-bottom: 1em;
							}
						#info_caja_naranjas_opiniones>div>div:nth-child(2)>div>h5{
							font-weight: 200;
							}
						#info_caja_naranjas_opiniones>div>div:nth-child(2)>div>h5:nth-child(3){
							font-size: 1em;
							margin-top: 0.5em;
							font-weight: 200;
							}
	#info_1>div>h2{
		font-size: 6vw;
		width: 80vw;
		left: 5vw;
	}

	#info_2>div{
		width: 95%;
		transform: scale(0.9);
	}
	#info_2_column{
		width: 30%;
	}
	#info_4>div{
		width: 95%;
		}
		#info_4>div>div:nth-child(3){
			padding: 4em 0;
		}
		#info_4>div>div:nth-child(3)>img{
			width: 95%;
			}
}
@media (max-height: 780px){
	#section3_title{
		padding-top: 15vw;
	}
	
}
@media (max-width: 720px) {
	h1{
	font-size: 10vw;
	}
	#login{
			width: 80%;
		}
	#section1_video video{
		right: -10%;
	}
	#mercado{
		margin-top: 5vw;
	}
	#objeto_mercado_info>h3, #objeto_mercado_info>h4{
			text-align: left;
			line-height: 1em;
			font-size: 1.5em;
		}
	#section3_title>video{
		width: 100vw;
		right: -40vw
		}
	#info_caja_naranjas_back_icon{
				top: 45%;
				left: 3vw;
				width: 55px;
				height: 55px;
				cursor: pointer;
				}
			#info_caja_naranjas_origen{
				justify-content: center;
		align-items: center;
			}
	#info_caja_naranjas_origen>div>div{
		justify-content: center;
		align-items: center;
		position: relative;
		left: -5vw;
		}

}
@media (max-width: 620px) {

	#section1>h1{
		padding-top: 30vw; 
		}

	#section3_title>video{
		transform: scale(1.45);
		top: 15vw;
		}

	#mercado{
		margin-top: 5vw;
	}
	#objeto_mercado{
		min-height: 275px;
	}
	#objeto_mercado_info>h3, #objeto_mercado_info>h4{
			text-align: left;
			line-height: 1em;
			font-size: 1.25em;
		}#objeto_mercado_info{
			padding-bottom: 5vw;
			}#kg_counter{
				padding: 0em 0;
			}

	#info_caja_naranjas_origen>div{
		width: 95%;
	}
}

@media (max-width: 550px) {
	h1{
	font-size: 14vw;
	}
	h2{
		font-size: 8vw;
	}
	h3{
		font-size: 7vw;
	}
	h4{
		font-size: 5vw;
	}
	h5{
		font-size: 4vw;
	}
	
	#menu_btn{
		width: 35px;
		height: 35px;
		top: 40px;
	}
	#shop_icon{
			position: relative;
			top: -3em;
			transform: scale(0.8);
		}
	#logo1, #logo2{
		top: 0vh;
		top: -10px;
		transform: scale(0.75);
	}
	
	#login_menu{
	}

	#login_menu>div{
		top: 0;
		width: 100vw;
		height: 100vh;
	}
	
	#section1>h1{
		padding-top: 15vh;
		margin-left: 5vw;
		}
	#section1_CTA{
		left: 4vw;
		}
		#section1_CTA>h3{
		}
	
	#section1_video video{
		margin-top: 20vw;
		height: 80vh;
			right: -15%;
		}
	#section1_div{
		z-index: 4;
		}
		#section1_div>ul{
				left: 1vw;
				padding-top: 3vw;
			}
			#section1_div>ul>li{
				margin-top: 0.5em;
				height: 7vw;
				padding: 0.75em 0.75em;
				background-color: #e8d4b7;
				border: 2px solid black;
				border-radius: 2em;
				}
				#section1_div>ul>li>img{
				margin-left: 1em;
				}
				#section1_div>ul>li:nth-child(4)>h4{
				margin-top: 0px;
				}
	#section3{
		padding-bottom: 5vw;
		height: auto;
		}
		#section3_title{
			padding-top: 20vw;
			width: 90%;
			}
			#section3_title > h2{
						line-height: 1em;
						width: 90vw;
						}
	#objeto_mercado{
		max-width: 40%;
		flex-basis: calc(50% - 20px);
		margin: 2.5% 1.6%;
	}
	#fruitshop_list>h3{
		line-height: 1em;
		}
	#section4>div>div:nth-child(1)>h1{
		line-height: 14vw;

	}
	#section4>div>div:nth-child(2){
			margin-top: 45vw;
	}
	#mapa{
		margin-left: 3vw;
					position: relative;
					width: 95vw;
					height: 60vh;
					transform: scale(1);
			}
			#section4>div>div:nth-child(2)>div:nth-child(2){
				justify-content: center;
			}


	#info_caja_naranjas_back_icon{
		transform: scale(0.75);
	}
		#info_caja_naranjas_img{
			width: 50vw;
			height: 50vw;
			}
			#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2){
				width: 50vw;
				margin-top: 4.25em;
				}
				#info_caja_naranjas>div>div:nth-child(1)>div:nth-child(2)>div>h4{
					font-size: 8vw;
					padding: 0.75em 0;
					}
					#info_caja_naranjas_add_to_cart{
						width: 55vw;
						bottom: -17vw;
						height: 2.5em;
						}
						#info_caja_naranjas_add_to_cart>h3{
							font-size: 5vw;
						}
				#info_caja_naranjas>div>div:nth-child(3){
					flex-direction: column;
					justify-content: flex-start;
					align-items: flex-start;
					}

	#info_caja_naranjas_opiniones>div>div:nth-child(2){
		flex-wrap: wrap;
		}
		#info_caja_naranjas_opiniones>div>div:nth-child(2)>div{
			width: 35vw;
			flex-basis: calc(33% - 20px);
			}

	#info_caja_naranjas_beneficios{
		width: 100%;
		}

	#info_caja_naranjas_origen{
		width: 100%;
		}
		#info_caja_naranjas_origen>div>h2{
								}
								#info_caja_naranjas_origen>div>h4{
									font-size: 4vw;
									text-align: left;
									margin-bottom: 2em;
									margin-left: 1em;
									}
									#info_caja_naranjas_colabroador{
										display: flex;
										justify-content: flex-start;
										align-items: center;
									}
								#info_caja_naranjas_colabroador>div:nth-child(1){
									width: 20vw;
									height: 20vw;
									}
	#info_1{
		padding-bottom: 25vh;
	}
	#info_1>div>h2{
		font-size: 8vw;
		width: 70vw;
	}
	#info_2>div{
		padding-top: 25vh;
		}
		#info_2_columns{
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			padding-bottom: 25vh;
			}
			#info_2_column{
				align-items: flex-start;
				width:auto;
				margin-top: 35vw;
				}
				#info_2_column h3{
					text-align: center;
					}
					#info_2_column h4{
						text-align: center;
					}
					#info_2_img_1,#info_2_img_2,#info_2_img_3{
						width: 25vw;
						transform: translate(-50%, -105%);
						height: 25vw;
						}
		#info_3>div>h3{
					width: 80vw;
				}
		#info_3>div>h5{
					width: 85vw;
					text-align: center;
				}
			#info_4>div{
				width: 100%;
				}
				#info_4>div>div:nth-child(3)>img:nth-child(1){
					display: none;
					}
					#info_4>div>h5{
					width: 95vw;
					text-align: left;
					}
				#info_4>div>div:nth-child(3)>img:nth-child(2){
					width: 95%;
					display: flex;
					}
}

@media (max-width: 460px) {
	#section3_title>h2{
		position: relative;
		top: 70px;
	}
	#section3_title>video{
			transform: scale(2);
			}
	#objeto_mercado{
		min-height: 225px;
	}
	#section4>div>div:nth-child(2){
	}
	#titulo_mercado > h1{
				margin-left: 0.5em;
				margin-right: 0.5em;
				}#titulo_mercado > img:nth-child(1){
				height: 35px;
				}
			#titulo_mercado > img:nth-child(3){
				height: 35px;
				}
			#objeto_mercado_buy{
					width: 55px;
					height: 55px;
				}	
			#cadena{
				height: 35px;
			}

	#info_caja_naranjas_add_to_cart{
		bottom: -20vw;
		}


	#info_1>div{
		padding-left: 5vw;
	}
	#info_1>div>h2{
		font-size: 10vw;
		width: 70vw;
	}
	#info_1>div>h3{
		font-size: 5vw;
		font-weight: 200;
		width: 50vw;
		}
	#info_2>div{
			transform: scale(1.2);
		}
		#info_2_columns{
			}
			#info_2_columns{
				margin-bottom: 1vh;
				}
				#info_2_column h3{
					text-align: center;
					}
					#info_2_column h4{
						text-align: center;
					}
					#info_2_img_1,#info_2_img_2,#info_2_img_3{
						width: 25vw;
						transform: translate(-50%, -105%);
						height: 25vw;
						}
		#info_3>div{
			transform: scale(1);
		}
		#info_3>div>h3{
					width: 90vw;
					text-align: left;
				}
		#info_3>div>h5{
					width: 95vw;
					text-align: left;
				}
			#info_4>div{
				width: 100%;
				}
				#info_4>div>div:nth-child(3)>img:nth-child(1){
					display: none;
					}
				#info_4>div>div:nth-child(3)>img:nth-child(2){
					width: 95%;
					display: flex;
					}
}
@media (max-width: 360px) {
	#section3_title{
		height: 50vh;
		padding-top: 30vw;
	}
	#section3_title>video{
		top: 0;
		}

	#objeto_mercado{
		width: 40%;
		margin: 4.5% 1.6%;
		}
		#objeto_mercado_info>h3, #objeto_mercado_info>h4{
			line-height: 1em;
			font-size: 1em;
			}
	#fruitshop_list{
		width: 95%;
		}
		#mapa{
			width: 97%;
		}

	#info_caja_naranjas_add_to_cart{
		bottom: -25vw;
		}
	#info_5>div>div{
		flex-direction: column;
		width: 95%;
		align-items: flex-start;
		}
	#info_5>div>div>ul:nth-child(2){
		align-items: flex-start;
		margin-top: 1em;
		margin-bottom: 3em;
		}
}



@media (max-width: 442px) and (max-height: 824px) {
	#section3_title>video{
		transform: scale(1.5);
		top: 18vw;
		}
}
@media (max-width: 541px) and (max-height: 572px) {
	#section3_title>video{
		transform: scale(1.5);
		top: 23vw;
		}
}