:root {

  --color-crusoe:#0B631C;

  --color-black: #fff;

  --color-dark-spring-green: #00852A;

  --color-citrus: #99CA02;



	--size: 1vw;

  --fz-type: var(--size);

  --fz-link: 1vw;

  --fz-title: 4.7vw;

  --fz-subtitle: 3.13vw;

  --fz-text: 1.3vw;

  --fz-title_cards: 1.6vw;

  --fz-subtitle-content: 3.3vw;

  --fz-text-next-proyect: 4.6875vw;

  --fz-footer-derechos: .84vw;



  --bg-image: "";

}



@font-face {

  font-family: Quicksand-Bold;

  src: url(../fonts/Quicksand-Bold.ttf);

  font-display: swap;

}



@font-face {

  font-family: Quicksand-SemiBold;

  src: url(../fonts/Quicksand-SemiBold.ttf);

  font-display: swap;

}



@font-face {

  font-family: Quicksand-Light;

  src: url(../fonts/Quicksand-Light.ttf);

  font-display: swap;

}



@font-face {

  font-family: Quicksand-Medium;

  src: url(../fonts/Quicksand-Medium.ttf);

  font-display: swap;

}



@font-face {

  font-family: Quicksand-Regular;

  src: url(../fonts/Quicksand-Regular.ttf);

  font-display: swap;

}



html, body {

   max-width: 100%;

   overflow-x: hidden;

}



body {

    overflow-x: hidden;

  font-family: var(--OpenSans-Regular);

  position: relative;

  color: white;

  background-color: var(--color-black);

  scroll-behavior:smooth;

}



/*::selection {

	background-color: var(--color-selection-spegaX);

	color: white;

}*/

/*Font title*/

a:hover {

    color: #99ca02;

    text-decoration: none;

}

a {

  color: var(--color-dark-spring-green);

}

html {
  scroll-behavior: smooth;
}
.push-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
   -webkit-transition: transform 200ms ease-out;
  -o-transition: transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.push-active:active {
  -webkit-transform: scale(.94);
  -ms-transform: scale(.94);
  -o-transform: scale(.94);
  transform: scale(.94);
  -webkit-transition: transform 200ms ease !important;
  -o-transition: transform 200ms ease !important;
  transition: transform 200ms ease !important;
}
.transitions {
  -webkit-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
/*******************************************************************MENU*/

.logo_barbasto{

  position: absolute;

  left: auto;

  padding-left: 6vw;

  padding-top: 0.9vw;

  width: 20vw;

}

.logo_preguntas_frecuentes{

  right: 0;

  position: absolute;

  padding-right: 5vw;

  padding-top: .5vw;

  width: 7.5vw;

}

.logo_preguntas_frecuentes, .logo_barbasto:hover{

  cursor: pointer;

}

/************************************************************END OF MENU*/

.no-select {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.non-selectable {

   -moz-user-select: none; 

   -webkit-user-select: none;

   -ms-user-select: none;

   user-select: none; 

}

.width_barabasto_bg{

  width: 100%;

}

.footer_width{

  width: 100%;

}

.title_font{

  font-family: Quicksand-Bold;

}

.width_sect_2{

  width: 100%;

}

.subtitle_font{

  font-family: Quicksand-Bold;

  margin-top: -1.5vw;

}

.color_text_green{

  color: var(--color-crusoe);

}

.title_size{

  font-size: var(--fz-title);

}

.subtitle_size{

  font-size: var(--fz-subtitle);

}

.title_div{

  width: 100%;

  text-align: center;

  position: absolute;

  margin-top: 14vw;

  margin-left: -1vw;

}

.jump{

  display: block;

}

.width_manzana {

  width: 35vw;

  margin-top: -4vw;

}

.width_tomate{

  width: 31vw;

}

.fondo_sect_2{

  margin-top: -2.5vw;

  margin-left: -1vw;

  width: 102%;

  position: relative;

}

.iconos_descarga{

  width: 11vw;

}

.fondo_sect_2 p{

  font-size: var(--fz-text);

  font-family: Quicksand-Bold;

}

.text_descripcion{

  margin-top: 7vw;

  padding-left: 6vw;

}

.title_sect_3{

  margin-top: 10vw;

}

.width_img{

  width: 20vw;

}

.title_card{

  color: var(--color-citrus);

  font-size: var(--fz-title_cards);

  font-family: Quicksand-Bold;

}

.content_card{

  color: var(--color-crusoe);

  font-size: var(--fz-text);

  font-family: Quicksand-medium;

}

.card_barabasto{

  margin-left: 11vw;

  margin-top: 7vw;

}

.card_text{

  position: absolute;

  margin-left: 23vw;

  margin-top: 11.8vw;

  width: 27vw;

}

.card_text_2{

  position: absolute;

  margin-left: -1vw;

  margin-top: 25vw;

}

.linea_content1{

  position: absolute;

  width: 40vw;

  margin-left: -17vw;

  margin-top: 1vw;

  z-index: -1;

}

.linea_content2{

  position: absolute;

  margin-top: 27vw;

  margin-left: 14vw;

  width: 28vw;

}

.linea_content3{

  width: 48vw;

  position: absolute;

  margin-left: -15vw;

  margin-top: -6vw;

  z-index: -1;

}

.fresas{

  padding-bottom: 2vw;

}

.fresa_icon{

  padding-bottom: 1vw;

  width: 3vw;

}

.toronja_img{

  position: absolute;

  margin-left: -22vw;

  margin-top: 13vw;

  width: 25vw;

}

.moras_img{

  position: absolute;

  margin-left: -17vw;

  margin-top: 3vw;

  width: 22vw;

}

.descargar_link{

  height: 2vw;

  border: 1px solid #00852A;

  width: 7vw;

  text-align: center;

  border-radius: 17px;

}

.descargar_link_right{

  height: 2vw;

  border: 1px solid #00852A;

  width: 7vw;

  text-align: center;

  border-radius: 17px;

  margin-left: 13vw;

}

.margin_descargar{

  margin-top: .3vw;

}

.card_text_3{

  position: absolute;

  margin-left: 21vw;

  margin-top: 9.8vw;

  width: 22vw;

}

.card_text_4{

  position: absolute;

  margin-left: -5vw;

  margin-top: 12vw;

}

.img_celular_barabasto{

  margin-left: 20vw;

  margin-top: 11vw;

  width: 37vw;

}

.img_canasta_verduras{

  margin-top: 2vw;

  margin-left: 18vw;

  width: 19.5vw;

}

.title_sect_3 h1{

  font-size: var(--fz-subtitle-content);

  color: var(--color-citrus);

  font-family: Quicksand-Bold;

}

.title_sect_3 p{

  font-size: 3vw;

  color: var(--color-citrus);

  font-family: Quicksand-Bold;

}

.ba-slider p{

  font-family: Quicksand-Bold;

  font-size: var(--fz-title_cards);

}

.tomate_margins{

  margin-left: 25vw;

  margin-top: 30.3vw;

}

.manzana_margins{

  margin-top: 30vw;

  margin-left: 1vw;

}

.naranja_container{

  margin-left: 26vw;

}

.naranja_container img{

  width: 32vw;

  margin-left: 13vw;

}

/********************************************************************FOOTER*/

.footer_barabasto p{

  font-size: var(--fz-footer-derechos);

  font-family: Quicksand-Regular;

}

.footer_barabasto{

  margin-top: 6vw;

}

.legal{

  margin-top: -1vw;

}

.legal a{

  color: white;

  font-size: 1vw;

  padding: 0px 1.5vw;

}

.legal a:hover{

  color: #0b631c;

  text-decoration: none;

}

.footer_image{

  width: 100%;

  height: 18vw;

}

.jump_3{

  display: none;

}

/*************************************************************END OF FOOTER*/

.margin_descargar p{

  font-size: .85vw;

}

.footer_text{

  position: absolute;

  margin-top: 3vw;

}



.iconos_redes img{

  padding: 1vw .5vw;

}

.descargas_footer{

  margin-bottom: 1vw;

}

.iconos_width_1 {
    width: 6.5vw;
    margin-right: 1vw;
    margin-top: -1.5vw;
}
.iconos_width_2 {
    width: 9.5vw;
    margin-top: .5vw;
    margin-right: 1vw;
}
.iconos_width_3 {
    width: 7vw;
    margin-top: 0vw;
}


.iconos_redes img{

  width: 4vw;

}

/*TERMINOS Y CONDICIONES*/

.section_2_terminos{

  margin-top: 8vw;

}

.terminos p{

  color: var(--color-crusoe);

  font-family: Quicksand-Regular;

}

.terminos h1{

  color: var(--color-crusoe);

  font-family: Quicksand-Bold;

}

.preguntas h3{

  color: var(--color-crusoe);

  font-family: Quicksand-Bold;

}

.naranja_container_terminos img {

    width: 32vw;

    margin-left: 72vw;

    margin-top: -5vw;

        position: absolute;

}

.otrafruta_container_terminos img {

    width: 32vw;

    margin-left: 84vw;

    margin-top: -5vw;

        position: absolute;

}

.toronja_img_terminos{

  position: absolute;

  margin-left: -41vw;

  margin-top: 13vw;

  width: 25vw;

}

.section_2_terminos p, h1{

  -moz-user-select: none; 

   -webkit-user-select: none;

   -ms-user-select: none;

   user-select: none;

}

.section_2_preguntas p, h1{

  -moz-user-select: none; 

   -webkit-user-select: none;

   -ms-user-select: none;

   user-select: none;

}



/***********SLIDER***********/

@import "lesshat";



.ba-slider {

    position: relative;

    margin-top: 6vw;

    width: 36vw;

}

 

.ba-slider img {

    display:block;

}

 

.resize {

    position: absolute;

    top:0;

    left: 0;

    height: 100%;

    width: 50%;

    overflow: hidden;

}





.handle { /* Thin line seperator */

  position:absolute; 

  left:50%;

  top:0;

  bottom:0;

  width:4px;

  margin-left:-2px;

 

  background: rgba(0,0,0,.5);

  cursor: ew-resize;

}

 

.handle:after {  /* Big orange knob  */

    position: absolute;

    top: 50%;

    width: 64px;

    height: 64px;

    margin: -32px 0 0 -32px;

 

    content:'< >';

    color:white;

    font-weight:bold;

    font-size:28px;

    text-align:center;

    line-height:64px;

 

    background: var(--color-dark-spring-green); /* @orange */

    border:1px solid #e6a600; /* darken(@orange, 5%) */

    border-radius: 50%;

    transition:all 0.3s ease;

    /*box-shadow:

      0 2px 6px rgba(0,0,0,.3), 

      inset 0 2px 0 rgba(255,255,255,.5),

      inset 0 60px 50px -30px #ffd466;*/ /* lighten(@orange, 20%)*/ 

}



.draggable:after {

    width: 48px;

    height: 48px;

    margin: -24px 0 0 -24px;

    line-height:48px;

    font-size:30px;

}

/***********END SIDER***********/





.two-food-scroll::-webkit-scrollbar {

  width: 5px;

}

.two-food-scroll::-webkit-scrollbar-button {

	display: none;

}



.two-food-scroll::-webkit-scrollbar-thumb {

  background-color: var(--color-dark-spring-green);

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px #003478;

}



.two-food-scroll::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 

}



.two-food-scroll::-webkit-scrollbar-corner {}



/**********************Header barabasto***********************/

.menu_barabasto_container{

  background-color: var(--color-crusoe);

    width: 100%;

    height: 3.6vw;

    left: 0;

}



.text-color {

	color: var(--color-torch-red);

}



.color-text {

  color: var(--color-icon-type);

}



.types {

  font-size: var(--fz-type);

  font-weight: bold;

}



.parraf {

	font-size: var(--size);

}



/* Style text transparente */



.box-font {

  position: absolute;

  z-index: 1;

}



.box-font.back {

  z-index: 100;

}



.box-font.back .sub-text,

.box-font.front .sub-text {

  text-align: right;

  padding: 0 15px;

}



.box-title {

  position: relative;

    z-index: 800;

    width: 40%;

    margin-top: -12vw;

    margin-left: 25vw;

    position: absolute;

}

/* Style end text transparente */



.title,

.link-site,

.box-title .heading-text {

  font-weight: var(--OpenSans-xbold);

}



.background_cellphone{

	background-color: var(--color-tangerine-yellow);

    position: absolute;

    width: 50%;

    height: 83%;

    z-index: -1;

    bottom: 0;

    right: 0;

}



.image {

	z-index: 800;

	position: relative;

}



.heading-text {

	 letter-spacing: 1.5px;

}



.box-title .heading-text:nth-child(1) {

  font-size: var(--fz-title);

}



.box-title .heading-text:nth-child(2) {

  font-size: var(--fz-subtitle);

}



.img_width{

	width: 20vw;

	margin-left: 47vw;

}



.divide-box {

  width: 20vw;

  height: 13.5vw;

  overflow: hidden;

  z-index: 50;

  position: absolute;

  background-color: #fff;

}



.img_title_container{

	position: relative;

    margin: 1px solid red;

    height: 100%;

}

.content-text {

	top: 6vw;

	text-align: left;

	z-index: 800;

	color: var(--color-icon-type);

}



.content-text .title_parraf {

	font-size: 1.4vw;

	font-weight: 800;

}



.link-site {

  font-size: var(--fz-link);

  font-weight: 800;

  margin-top: 50px;

}



.link-site>a {

  color: var(--color-torch-red);

  margin-left: 4px;

  border-bottom: 1px solid #fff;

  text-decoration: none;

}



.section_2{

	position: absolute;

	width: 100%;

}



.img_container{

    position: absolute;

    margin-left: -9vw;

}



.logo_2food{

	margin-top: 10vw;

	margin-left: 6vw;

}



.branding_sect2{

	background-color: var(--color-dark-spring-green);

	width: 26vw;

	margin-top: 10vw;

	right: 0;

    position: absolute;

}



.branding_sect2 span{

	font-size: var(--fz-subtitle-content);

	padding: 0vw 2vw;

    padding-top: 2vw;

}



.branding_sect2 p{

	padding: 2vw 2vw;

}



.carta_membretada{

	margin-left: 2vw;

}



.tarjeta{

	margin-top: 6vw;

}



.section_4 span{

	font-size: var(--fz-subtitle-content);

}



.section_slider .detalles{

  color: var(--color-dark-spring-green);

  font-size: var(--fz-subtitle-content);

}



.sect_4_container{

	background-color: var(--color-dark-spring-green);

    margin-top: 4vw;

    position: relative;

    height: 42vw;

    margin-left: 11vw;

}



.section_4{

	width: 100%;

    margin-top: 6vw;

    position: relative;

}



.cellphone_2{

	position: absolute;

    margin-top: 5vw;

    margin-left: 2vw;

}



.cellphone_2_width{

	width: 28.5vw;

}



.content_2{

	width: 22vw;

    position: absolute;

    margin-left: 45vw;

    margin-top: -39vw;

}



.food_icono{

	position: absolute;

    margin-left: 44.5vw;

    margin-top: -53vw;

}



.food_icono img{

	width: 10vw;

}



.food_icon_width{

	width: 8vw;

}



.platillo{

	position: absolute;

    margin-left: 60vw;

    margin-top: -33vw;

    width: 47vw;

}



.img_pollo{

	width: 43vw;

}

.width_carpeta{

  width: 48vw;

}

.width_logo{

  width: 21vw;

}

.width_membretada{

  width: 47vw;

}

.width_tarjeta{

  width: 50vw;

}



.background_green{

	background-color: var(--color-dark-spring-green);

  height: 50vw;

  margin-left: 5vw;

  z-index: -2;

}



.margin_proyecto{

	margin-top: 20vw;

}



.row-content::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	    background: linear-gradient(180deg, rgba(16, 16, 16, 16) 0%, rgb(19, 19, 19) 95%, rgb(19, 19, 19) 100%);

  clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);

  top: -42vw;

  left: 0;

  transition: all 200ms ease;

}



.row-content [class*="box-content"] {

	z-index: 50;

}



.box-content-padding {

	padding: 50px 70px;

	padding: 2vw 3.75vw;

}



.box-content-2 {

	margin-left: 6.5vw;

}



.jump{

	display: block;

}





@media all and (max-width: 1600px) {

	.height_sec_2 {

    	height: 126vw;

	}

	.sect_4_container {

	    height: 47vw;

	}

}



@media all and (max-width: 1440px) {

  

}



@media all and (max-width: 1280px) {



}



@media all and (max-width: 1200px) {

	

}



@media all and (max-width: 1024px) { 

	

}

@media all and (max-width: 992px) { 

	:root{

		--fz-size: 16px;

		--fz-title: 75px;

		--fz-subtitle: 36px;

		--fz-subtitle-content:40px;

	}



  .title_size {

    font-size: 4.5vw;

}

  .subtitle_size {

      font-size: 3.5vw;

  }

  .footer_image {

    height: 20vw;

}



}



@media all and (max-width: 767px) { 

  	:root{

  		--fz-text-next-proyect:40px;

  		--size: 1rem;

  		--fz-title: 60px

  	}

    /*******************************************************************MENU*/

    .logo_barbasto{

      padding-top: 2.5vw;

        width: 31vw;

    }

    .logo_preguntas_frecuentes{

          padding-top: 1.5vw;

        width: 10.5vw;

    }

    /************************************************************END OF MENU*/

    .title_size {

    font-size: 6vw;

  }
  .container_front{
    z-index: 10;
  }
  .container_front_2{
    z-index: 9;
  }
  .container_front_3{
    z-index: 8;
  }


.text_descripcion {

    margin-top: 13vw;

}

    .title_div {

      margin-top: 19vw;

  }

  .width_barabasto_bg {

    width: 137%;

    margin-left: -15vw;

}

  .menu_barabasto_container {

      width: 100%;

      height: 8.6vw;

  }

      .manzana_margins {

      margin-left: 1.5vw;

  }

    	.fondo_sect_2 {

        height: 137vw;

      text-align: center;

      margin-top: -5.5vw;

  }

  .fondo_sect_2 p {

      font-size: 18px;

  }

  .width_sect_2 {

      width: 220%;

      height: 100%;

  }

  .iconos_width_1 {
    width: 15vw;
    margin-top: -3.5vw;
  }

  .manzana_margins {

      margin-top: 43vw;

  }

  .iconos_width_2 {

      width: 22.5vw;

      margin-top: 1.8vw;

      margin-right: 1vw;

  }

  .iconos_width_3 {
    width: 16.8vw;
    margin-top: 0.1vw;
    margin-left: -1vw;
  }

  .tomate_margins {

      margin-left: 38vw;

      margin-top: 43.3vw;

  }

  .ba-slider {

      width: 54vw;

      margin-left: 28vw;

  }

  .width_manzana {

      width: 51vw;

      margin-top: -6vw;

  }

  .width_tomate {

      width: 46vw;

  }

  .linea_content1 {

      width: 63vw;

      margin-left: -33vw;

      margin-top: -5vw;

      z-index: -1;

  }

  .width_img {

      width: 36vw;

  }

  .title_card {

      font-size: 18px;

  }

  .content_card {

      font-size: 18px;

  }

  .margin_descargar {

      margin-top: .3vw;

  }

  .margin_descargar p {

      font-size: 18px;

  }

  .descargar_link {

      height: 4.5vw;

      width: 17vw;

  }

  .card_text {

      margin-left: 39vw;

      width: 36vw;

  }

  .fresa_icon {

      padding-bottom: 3vw;

      width: 5vw;

  }

  .img_celular_barabasto {

      margin-left: 11vw;

      margin-top: 10vw;

      width: 53vw;

  }

  .descargar_link_right {

      height: 4.5vw;

      width: 16vw;

  }

  .card_text_2 {

    position: absolute;

    margin-left: -27vw;

    margin-top: 29vw;

}

  .linea_content2 {

      margin-top: 41vw;

      margin-left: 5vw;

      width: 27vw;

      transform: rotate(-37deg);

  }

  .card_text_3 {

      margin-left: 38vw;

      width: 37vw;

  }

  .linea_content3 {

      width: 71vw;

      margin-left: -37vw;

      margin-top: -6vw;

      z-index: -1;

      transform: rotate(7deg);

  }

  .img_canasta_verduras {

      margin-top: 7vw;

      margin-left: 1vw;

      width: 36.5vw;

  }

  .card_text_4 {

      margin-left: -39vw;

      margin-top: 27vw;

  }

  .moras_img {

      margin-left: -33vw;

      margin-top: 4vw;

  }

  .toronja_img {

    margin-left: -29vw;

      margin-top: 7vw;

      width: 27vw;

  }

  .naranja_container img {

      width: 38vw;

      margin-left: 18vw;

      margin-top: -8vw;

  }

  .footer_image {

    width: 240%;

    height: 52vw;

}

  .iconos_redes img{

    width: 10vw;

  }

  .descargas_footer img{

    width: 22vw;

  }

  /**************************************************************FOOTER*/

  .footer_barabasto p {

      font-size: 18px;

  }

  .footer_text {

      margin-top: 12vw;

  }

  .footer_barabasto {

      margin-top: 20vw;

  }

  .footer_image {

      width: 240%;

      height: 52vw;

  }

  .legal a {

      font-size: 18px;

  }

  /*******************************************************END OF FOOTER*/

}





@media all and (max-width: 576px) { 

	:root{

		--fz-text-next-proyect:40px;

		--fz-title: 60px;

		--fz-subtitle: 26px;

	}

  .fondo_sect_2 {

    height: 176vw;

    text-align: center;

    margin-top: -7.5vw;

}

.width_sect_2 {

    width: 306%;

    height: 100%;

}

.text_descripcion {

    margin-top: 17vw;

}

  .iconos {

    margin-top: 10vw;

}

  .fondo_sect_2 p {

      font-size: 18px;

  }

  .width_barabasto_bg {

      width: 153vw;

      margin-left: -24vw;

  }

  .title_size {

    font-size: 7vw;

}

.margin_tomates{

  margin-top: 10vw;

}

.tomate_margins {

    margin-left: 37vw;

    margin-top: 42.3vw;

}

.manzana_margins {

    margin-left: 4.5vw;

}

.ba-slider {

    margin-left: 26vw;

}

  .subtitle_size {

      font-size: 5.5vw;

  }

  .logos{

    margin-top: 5vw;

  }

  .iconos_descarga {

      width: 24vw;

  }

  .footer_image {

      width: 281%;

      height: 66vw;

  }

  .footer_text {

      margin-top: 18vw;

  }

  .title_card {

      font-size: 16px;

  }

  .content_card {

      font-size: 16px;

  }

  .margin_descargar {

      margin-top: .6vw;

  }

  .descargar_link {

      height: 5.5vw;

      width: 18vw;

  }

  .margin_descargar p {

      font-size: 16px;

  }

  .descargar_link_right {

      height: 5.5vw;

      width: 18vw;

  }

  .linea_content1 {

      margin-top: -2vw;

  }

  .card_text_2 {

    margin-left: -25vw;

    width: 38vw;

}

  .linea_content2 {

      margin-top: 42vw;

      margin-left: 0vw;

  }

  .card_text_3 {

      width: 42vw;

  }

  .linea_content3 {

    width: 76vw;

    margin-left: -37vw;

    margin-top: 6vw;

}

  .card_text_4 {

      margin-left: -46vw;

      margin-top: 23vw;

  }

  .footer_barabasto {

      margin-top: 21vw;

  }

}



@media (max-width: 418px) {

	.row-content::after {

      top: -65vw;

	}

  .width_sect_2 {

    width: 326%;

}

.title_sect_3 p {

    padding-bottom: 8vw;

    font-size: 4vw;

}

  .fondo_sect_2 {

    height: 222vw;

    margin-top: -7.5vw;

}

  .fondo_sect_2 p {

      font-size: 16px;

  }

  .tomate_margins {

    margin-left: 54vw;

    margin-top: 64.3vw;

}

  .manzana_margins {

    margin-top: 65vw;

    margin-left: 8vw;

}

  .card_barabasto {

      margin-left: 11vw;

      margin-top: 7vw;

  }

  .descargar_link {

      height: 8.5vw;

      width: 25vw;

  }

  .img_celular_barabasto {

    margin-top: 48vw;

}

  .card_text_2 {

      margin-left: -25vw;

      width: 33vw;

      margin-top: 39vw;

  }

  .margin_tomates {

    margin-top: 33vw;

}

  .descargar_link_right {

      height: 7.5vw;

      width: 26vw;

  }

  .descargar_link_right {

      margin-left: 7vw;

      height: 8.3vw;

  }

  .ba-slider {

      width: 80vw;

      margin-left: 9vw;

  }

  .width_tomate {

      width: 69vw;

      margin-left: 3vw;

  }

  .width_manzana {

      width: 75vw;

      margin-top: -8vw;

  }

  .card_text_3 {

      margin-left: 40vw;

      margin-top: 27.8vw;

  }

  .margin_descargar {

      margin-top: 0.9vw;

  }

  .img_canasta_verduras {

    margin-top: 50vw;

}

  .card_text_4 {

      margin-left: -39vw;

      width: 35vw;

      margin-top: 32vw;

  }

  .card_text {

    margin-top: 5.8vw;

}

  .text_descripcion {

      margin-top: 21vw;

  }

  .footer_image {

    width: 356%;

    height: 90vw;

}

.height_sec_2 {

      height: 264vw;

  }

  /******************************************************FOOTER*/

  .legal a {

      font-size: 16px;

  }

  /***********************************************END OF FOOTER*/

}



@media (max-width: 375px) {

  .title_sect_3 p {

    padding-bottom: 0vw;

}

  .naranja_container img {

    margin-left: 41vw;

  }

  .toronja_img {

      margin-left: -53vw;

  }

  .moras_img {

      margin-left: -60vw;

  }

  .width_img {

    width: 38vw;

    margin-top: 19vw;

}

  .card_text {

      margin-left: 41vw;

  }

  .img_celular_barabasto {

    margin-top: 59vw;

}

  .card_text_2 {

      margin-left: -27vw;

  }

  .card_text_3 {

      margin-left: 42vw;

  }

  .img_canasta_verduras {

    margin-top: 51vw;

}

  .card_text_4 {

      margin-left: -41vw;

      width: 37vw;

  }

  .footer_barabasto {

      margin-top: 35vw;

  }

  .linea_content1 {

    margin-top: 48vw;

    margin-left: -41vw;

    width: 86vw;

    transform: rotate(21deg);

}

  .linea_content3 {

    width: 107vw;

    margin-left: -54vw;

    margin-top: 36vw;

    transform: rotate(31deg);

}

.fondo_sect_2 {

    height: 222vw;

    margin-top: -8.5vw;

    margin-left: -2vw;

}

/*********************************************************FOOTER*/

.jump_3{

  display: block;

}

/**************************************************END OF FOOTER*/

}

@media (max-width: 320px) {

	.width_sect_2 {

    width: 475%;

}

  .fondo_sect_2 {

    height: 265vw;

    margin-top: -8.5vw;

}

  .img_celular_barabasto {

    margin-top: 76vw;

}

  .img_canasta_verduras {

    margin-top: 68vw;

}

  .footer_image {

    height: 105vw;

    width: 400%;

}

  .margin_descargar {

      margin-top: 1.3vw;

  }

  .descargar_link {

      height: 10.5vw;

      width: 35vw;

  }

  .descargar_link_right {

      margin-left: 1vw;

      height: 11.3vw;

      width: 34vw;

  }

  .margin_tomates{

    margin-top: 52vw;

  }

  .footer_barabasto {

    margin-top: 65vw;

  }
  .iconos_width_1 {
    width: 20vw;
  }
  .iconos_width_2 {
    width: 29.5vw;
    margin-top: 2.8vw;
  }
  .iconos_width_3 {
    width: 21.8vw;
  }
  .iconos {
    margin-left: 1vw;
  }

}