@media (max-width: 1399.98px) {
	
	li, .big {
		font-size: 45px;
		line-height: 100px;
	}
	#feta {
		font-size: 45px;
	}
	.js-marquee {
		font-size: 100px;
		line-height: 150px;
	}
	
}

@media (max-width: 1199.98px) { 
	body {
		font-size: 18px;
		line-height: 32px;
	}

}

@media (max-width: 991.98px) { 
	#donkey {
		max-width: 80vw;
		max-height: 80vh;
	}
	#logo_svg {
		max-width: 40vw;
		max-height: 40vh;
	}
	#mitsiou {
		text-align: center;
	}
	.hero-img {
		margin-bottom: 50px;
	}
	#team {
		padding-top: 100px;
		padding-bottom: 100px;
		text-align: center;
	}
	.swiper {
		margin-top: 50px;
	}
	li, .big {
		font-size: 30px;
		line-height: 80px;
	}
	#feta {
		padding: 100px 0;
		font-size: 30px;
		line-height: 80px;
	}
	#reuse {
		padding-bottom: 100px;
	}
	#all, #items {
		padding: 100px 0;
	}
	.js-marquee {
		font-size: 70px;
		line-height: 120px;
	}
	.medium {
		font-size: 30px;
	}

}

@media (max-width: 767.98px) {

#items ul li {
    width: 100%;
}
li, .big {
	line-height: 60px;
}
#bag {
	padding: 0px 0px 25px 0px;
}
#items ul li.vegies .item-left {
	left: 0;
}
#items ul li.vegies .item-right {
	right: 0;
}
#items ul li.traditional .item-left {
	left: 0;
	top: 45px;
}
#items ul li .item-left {
	left: 0;
}
#items ul li.exceptional .item-right {
	right: 0;
}

}

@media (max-width: 575.98px) { 
#logo_svg {
	max-width: 50vw;
	max-height: 50vh;
	margin-top: 20px;
}
.title {
	font-size: 40px;
	line-height: 70px;
}
.swiper {
	width: 440px;
	height: 420px;
	max-width: 100%;
  }
  #feta img {
	  width: 50px;
	  clear: both;
  }
  #feta {
	  font-size: 30px;
	  line-height: 50px;
  }
  .js-marquee {
	  font-size: 50px;
	  line-height: 50px;
  }
  .bag-img img {
	  max-height: 300px;
  }
.medium {
	  font-size: 20px;
	  line-height: 30px;
  }
  li, .big {
	  line-height: 40px;
  }


}