.meet {
      display: block;

    }
    /* עיצוב למודאל */
    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #fb9c9c;
	    z-index: 999;
    }
	    .shokpage {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #feb4e7;
	    z-index: 999;
    }

    /* עיצוב לתמונה הגדולה במודאל */
    .modal-content {
     
      display: block;
	   
      width: 65%;
 height: 90%;

    }
	.close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 70px;
      font-weight: bold;
      transition: 0.3s;
    }
    /* עיצוב לכפתור סגירת המודאל */

	
    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }
 




  /* ????? ???? ?????? */
 /* ????? ???? ?????? */
    .gallery {
		direction: ltr;
	position: realtive;
  justify-content: center;

      display: grid;
      /* ????? ????? ??????? ?????? */
      grid-template-columns: repeat(3, 30%); /* 2 ??????, ?? ????? ????? ???? ???? ????? ??�???? ??????? ?????? */
       grid-column-gap: 2%; /* ???? ??? ??????? ??????? ???�???? */
	grid-row-gap: 10%;
   
	  
 	  	animation: zolaup 2s forwards;
	  
    }
	
@keyframes zolaup {
	0% {
		opacity: 0%;
		transform: translateY(130px);

	}

  100% {
		opacity: 100%;
		transform: translateY(0px);


	}
}
    /* ????? ??????? ?????? */
    .gallery-item {
  filter: brightness(97%);
      margin: 0px;
  width: 100%;
 height: 100%;

  object-fit: cover;


    }
.gallery-item:hover {
  filter: brightness(120%);
}
.gallery-item:active {
  filter: brightness(100%);
}

.gallery-item img {
  padding: 0;
  margin:  0;
  border: 0;


}

.headpage {
	  display: flex;
align-items: center;
  justify-content: center;

    position: absolute;
    left: 0%;
    right: 0%;
  font-family: Myriad Hebrew;
font-size: 150%;
  font-weight: bold; 
  color: #16679a;
  border-bottom:  4px solid #16679a;
      width: 100%;
	  height: 25%;
	        background-color: #d3e1e6;
			
}

.indexmenu {
    
    padding-top: 40%;
            width: 100%;
	  height: 100;
}
.namefood1 {

  position: relative;

cursor: pointer;
  width: 100%;

}
.namefood2 {

  position: absolute;
top: 10%;
  background-color: rgba(222,236,241,0.6);
  color: #dbbc2c;

   text-shadow: 2px 2px 4px #000000;
  padding: 0;
        width: 100%;
	  height: 22%;
	    font-family: Myriad Hebrew;
  font-size: 220%;
  font-weight: bold; 
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
  
}
.pricefood {
  display: block;
  position: absolute;
 top: 99%;
  background-color: rgba(219,188,44,0.7);
  color: #FFFFFF;
  text-shadow: 2px 2px 4px #000000;

  padding: 0px;
        width: 100%;
	  height: 20%;
	    font-family: Myriad Hebrew;
  font-size: 200%;
  font-weight: bold; 
		animation: zoomtext 4 forwards infinite;
  
}
 .pratim:hover {
	 position: absolute;
  top: 93%;
  left: 140px;
  transform: translate(-50%, -50%);
  background-color: rgba(219,188,44,1);
  color: #FFFFFF;
  text-shadow: 2px 2px 4px #000000;

        width: 280px;
	  height: 47px;
	    font-family: Myriad Hebrew;
  font-size: 250%;
  font-weight: bold; 
	 
 }
.namefood2 {

  position: absolute;
top: 10%;
  background-color: rgba(222,236,241,0.6);
  color: #dbbc2c;

   text-shadow: 2px 2px 4px #000000;
  padding: 0;
        width: 100%;
	  height: 20%;
	    font-family: Myriad Hebrew;
  font-size: 250%;
  font-weight: bold; 
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
  
}
.pricefood {

  position: absolute;
  top: 35%;
  left: -0%;
  transform: rotate(-20deg);

 
  color: #FFFFFF;
  text-shadow: 2px 2px 4px #000000;

  padding: 0px;
        width: 100%;
	  height: 20%;
	    font-family: Myriad Hebrew;
  font-size: 250%;
  font-weight: bold; 
		z-index: 202;
  
}
 

 .soon {

   filter: brightness(50%);

    }
 









@media screen and (max-width: 600px) {

    .meet {
      display: block;

    }
    /* עיצוב למודאל */
    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #fb9c9c;
	    z-index: 999;
    }
	    .shokpage {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #feb4e7;
	    z-index: 999;
    }

    /* עיצוב לתמונה הגדולה במודאל */
    .modal-content {
     
      display: block;
	   
      width: 100%;
 height: 75%;

    }
	.close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 70px;
      font-weight: bold;
      transition: 0.3s;
    }
    /* עיצוב לכפתור סגירת המודאל */

	
    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }
 




  /* ????? ???? ?????? */
    .gallery {
		direction: ltr;
	position: realtive;
  justify-content: center;

      display: grid;
      /* ????? ????? ??????? ?????? */
      grid-template-columns: repeat(3, 30%); /* 2 ??????, ?? ????? ????? ???? ???? ????? ??�???? ??????? ?????? */
       grid-column-gap: 2%; /* ???? ??? ??????? ??????? ???�???? */
	grid-row-gap: 10%;
   
	  
 	  	animation: zolaup 2s forwards;
	  
    }
	
@keyframes zolaup {
	0% {
		opacity: 0%;
		transform: translateY(130px);

	}

  100% {
		opacity: 100%;
		transform: translateY(0px);


	}
}
    /* ????? ??????? ?????? */
    .gallery-item {
  filter: brightness(97%);
      margin: 0px;
  width: 100%;
 height: 110px;

  object-fit: cover;


    }
.gallery-item:hover {
  filter: brightness(120%);
}
.gallery-item:active {
  filter: brightness(100%);
}

.gallery-item img {
  padding: 0;
  margin:  0;
  border: 0;


}

.headpage {
	  display: flex;
align-items: center;
  justify-content: center;

    position: absolute;
    left: 0%;
    right: 0%;
  font-family: Myriad Hebrew;
font-size: 14px;
  font-weight: bold; 
  color: #16679a;
  border-bottom:  4px solid #16679a;
      width: 100%;
	  height: 30%;
	        background-color: #d3e1e6;
			
}

.indexmenu {
    
    padding-top: 50%;
}
.namefood1 {

  position: relative;

cursor: pointer;
  width: 120px;

}
.namefood2 {

  position: absolute;
top: 10%;
  background-color: rgba(222,236,241,0.6);
  color: #dbbc2c;

   text-shadow: 2px 2px 4px #000000;
  padding: 0;
        width: 100%;
	  height: 22%;
	    font-family: Myriad Hebrew;
  font-size: 24px;
  font-weight: bold; 
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
  
}
.pricefood {

  position: absolute;
  top: 35%;
  left: 0%;
  transform: rotate(-20deg);

 
  color: #FFFFFF;
  text-shadow: 2px 2px 4px #000000;

  padding: 0px;
        width: 100%;
	  height: 40%;
	    font-family: Myriad Hebrew;
  font-size: 30px;
  font-weight: bold; 
		z-index: 202;
  
}
 

 .soon {

   filter: brightness(50%);

    }
 
}