#food{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%; 
height: 250px;  
border-radius: 15px; 
margin: 15px;
}
.food1{background-image: url("../img/torta1.jpg");}
.food2{background-image: url("../img/torta2.jpg");}
.food3{background-image: url("../img/torta3.jpg");}
.food4{background-image: url("../img/torta4.jpg");}
.food5{background-image: url("../img/torta5.jpg");}
.food6{background-image: url("../img/torta6.jpg");}
.food7{background-image: url("../img/torta7.jpg");}
.food8{background-image: url("../img/torta8.jpg");}
.food9{background-image: url("../img/torta9.jpg");}
.food10{background-image: url("../img/torta10.jpg");}
.food11{background-image: url("../img/torta11.jpg");}
.food12{background-image: url("../img/torta12.jpg");}
.food13{background-image: url("../img/torta13.jpg");}
.food14{background-image: url("../img/torta14.jpg");}
.food15{background-image: url("../img/torta15.jpg");}
.food16{background-image: url("../img/torta16.jpg");}
.food17{background-image: url("../img/torta17.jpg");}
.food18{background-image: url("../img/torta18.jpg");}
.food19{background-image: url("../img/torta19.jpg");}
.food20{background-image: url("../img/torta20.jpg");}
.food21{background-image: url("../img/torta21.jpg");}
.food22{background-image: url("../img/torta22.jpg");}
.food23{background-image: url("../img/torta23.jpg");}
.food24{background-image: url("../img/torta24.jpg");}
.food25{background-image: url("../img/torta25.jpg");}
.food26{background-image: url("../img/torta26.jpg");}
.food27{background-image: url("../img/torta27.jpg");}
.food28{background-image: url("../img/torta28.jpg");}
.food29{background-image: url("../img/torta29.jpg");}
.food30{background-image: url("../img/torta30.jpg");}
.food31{background-image: url("../img/torta31.jpg");}
.food32{background-image: url("../img/torta32.jpg");}
.food33{background-image: url("../img/torta33.jpg");}
.food34{background-image: url("../img/torta34.jpg");}
.food35{background-image: url("../img/torta35.jpg");}
.food36{background-image: url("../img/torta36.jpg");}
.food37{background-image: url("../img/torta37.jpg");}
.food38{background-image: url("../img/antipasta28.jpg");}
.food39{background-image: url("../img/antipasta29.jpg");}
.food40{background-image: url("../img/antipasta30.jpg");}
.food41{background-image: url("../img/antipasta31.jpg");}
.food42{background-image: url("../img/antipasta32.jpg");}
.food43{background-image: url("../img/antipasta33.jpg");}
.food44{background-image: url("../img/antipasta34.jpg");}
.food45{background-image: url("../img/antipasta35.jpg");}
.food46{background-image: url("../img/antipasta36.jpg");}
.food47{background-image: url("../img/antipasta37.jpg");}
.food48{background-image: url("../img/pasta1.jpg");}
.food49{background-image: url("../img/pasta2.jpg");}
.food50{background-image: url("../img/pasta3.jpg");}
.food51{background-image: url("../img/pasta4.jpg");}
.food52{background-image: url("../img/pasta5.jpg");}
.food53{background-image: url("../img/pasta6.jpg");}
.food54{background-image: url("../img/pasta7.jpg");}
.food55{background-image: url("../img/pasta8.jpg");}
.food56{background-image: url("../img/pasta9.jpg");}
.food57{background-image: url("../img/pasta10.jpg");}
.food58{background-image: url("../img/pasta11.jpg");}
.food59{background-image: url("../img/pasta12.jpg");}
.food60{background-image: url("../img/sanduic1.jpg");}
.food61{background-image: url("../img/sanduic2.jpg");}
.food62{background-image: url("../img/sanduic3.jpg");}
.food63{background-image: url("../img/sanduic4.jpg");}
.food64{background-image: url("../img/sanduic5.jpg");}
.food65{background-image: url("../img/sanduic6.jpg");}
.food66{background-image: url("../img/sanduic7.jpg");}
.food67{background-image: url("../img/sanduic8.jpg");}
.food68{background-image: url("../img/sanduic9.jpg");}
.food69{background-image: url("../img/sanduic10.jpg");}
.food70{background-image: url("../img/sanduic11.jpg");}
.food71{background-image: url("../img/sanduic13.jpg");}
.food72{background-image: url("../img/.jpg");}
.food73{background-image: url("../img/embelsire4.jpg");}
.food74{background-image: url("../img/embelsire5.jpg");}
.food75{background-image: url("../img/embelsire6.jpg");}
.food76{background-image: url("../img/sallata11.jpg");}
.food77{background-image: url("../img/antipasta38.jpg");}
.food78{background-image: url("../img/pjatakryesore11.jpg");}
body{
	margin: 0px;
}

.menu-text-section{
	background-color: white; 
	width: 100%;
	height: 74px; 
	position: fixed; 
	top:0px;  
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2)
}

.rightarrow{
	position: absolute;
	right: 5px; 
	top:3px; 
	z-index: 1000;
}

.whatsappiconinside{
	width:50px; 
	position: absolute; 
	left:-17px; 
	top:-17px; 
	z-index: 11;
}

.call{
	position: absolute; 
	top:0px; 
	left: 0px;
}

.blankspace{
	width: 100%; 
	height: 77px;
}





.food-title{
  font-family: Handlee; 
  font-weight: 600; 
  margin-left: 20px; 
  font-size: 28px; 
  margin-top: -5px; 
  color: #e98f9c; 
  margin-right: 20px;
}

.food-ingredients{
  font-family: Handlee; 
  font-weight: 300; 
  margin-left: 20px; 
  font-size: 18px; 
  margin-top: -25px; 
  color: grey; 
  margin-right: 20px;
}

.menu-container{ margin: 20px; }

.price{  
  display: flex; 
  justify-content: flex-end; 
  margin-right: 20px; 
  padding-top: 170px;
}

.row { 
  display: flex; 
  width: 100%;
}

.column{
  width: 100%; 
  margin-bottom: -20px;
}

.price-text{ 
  color: white; 
  background-color: #e98f9c;  
  border-radius: 20px; 
  text-align: center;
  padding-left: 12px; 
  padding-right:12px; 
  padding-top:5px; 
  padding-bottom:2px; 
  font-family: Handlee; 
  font-weight: 700; 
  font-size: 23px; 
}


@media only screen and (max-width: 850px) {
  .menu-container{margin: 0px;}
  .row {flex-direction: column;}
  .column{display: box;}
}

















	
	:root {
  --gutter: 20px;
}

.app {
  padding: var(--gutter) 0;
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  align-content: start;
}

.app > * {
  grid-column: 2 / -2;
}

.app > .full {
  grid-column: 1 / -1;
}

.hs {
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: repeat(10, calc(50% - var(--gutter) * 2));
  grid-template-rows: minmax(30px);  
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
  margin-top: 16px;
}

a{text-decoration: none;}
/* Demo styles */

.bolditem{
color: white;
}

ul {
  list-style: none;
  padding: 0;
}

h1,h2,h3 {
  margin: 0;
}

.app {
  width: 100%;
  overflow-y: scroll;
  position: fixed;
  top:-20px;
}

.hs > li,
.item {
  scroll-snap-align: center;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid grey;
  border-radius: 20px;
  font-family: Handlee;
  font-size: 22px;  
  font-weight: 500;
  color: #666666;
}


.itemactive {
  border:0px; 
  background-color: #e98f9c; 
  color: white;
  scroll-snap-align: center;
  padding: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  font-family: Handlee;
  font-weight: 500;
  font-size: 22px;
}


.pulse{ animation: openonce 1s; }


  .callbutton{ 
    position: fixed; 
    z-index: 1000; 
    bottom: 60px;
    transform: scale(1.2);
  }

@keyframes openonce {
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}

.waexit{
	width: 27px; 
	padding: 15px; 
	position: fixed; 
	bottom:39px; 
	left: 325px; 
	cursor: pointer; 
	animation: exit 8.2s;
}

.wadialog{
	width: 290px; 
	position: fixed; 
	bottom:5px; 
	left: 80px; 
	animation: dialog 8s; 
}

.waexit:hover{
	background-color: rgba(217,47,38,0.2);
	border-radius: 100px;
}

@keyframes dialog {
	0%{left: -200px; opacity: 0;}
  	85%{left: 30px;opacity: 0;}
    100%{left: 80px; opacity: 1;}
}


@keyframes exit {
	0%{ opacity: 0; transform: scale(0);}
	85%{opacity: 0;transform: scale(0);}
	100%{ opacity: 1;transform: scale(1);}
}