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

    /* עיצוב לתמונה הגדולה במודאל */
    .modal-content {
      margin: auto;
      display: block;

	 border-radius: 10px;


      width: 80%;
	  height: 70%;
    }
	.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: 13%;
   
	  
 	  	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: 130%;

  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%;
}




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

    /* ����� ������ */
    .modal {
      	  display: none;
align-items: center;
  justify-content: center;
      position: absolute;
      z-index: 1;
      
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.9);
	    z-index: 999;
    }

    /* ����� ������ ������ ������ */
    .modal-content {
      margin: auto;
      display: block;

      
      width: 100%;
       
	  
    }
	.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: absolute;
  justify-content: center;
      display: grid;
      /* ????? ????? ??????? ?????? */
      grid-template-columns: repeat(3, 30%); /* 2 ??????, ?? ????? ????? ???? ???? ????? ??�???? ??????? ?????? */
       grid-column-gap: 2%; /* ???? ??? ??????? ??????? ???�???? */
	grid-row-gap: 14%;
      padding: 2%;
	  
 	  	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;



  object-fit: cover;
  width: 100%;
  height: 130%;


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

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


}


 
    

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

    /* עיצוב לתמונה הגדולה במודאל */
    .modal-content {
      margin: auto;
      display: block;

	 border-radius: 10px;


      width: 80%;
	  height: 70%;
    }
	.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: 13%;
   margin-top: 15%;
	  
 	  	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: 130%;

  object-fit: cover;


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

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


}