


	
    /* òéöåá ëììé ìâìøéä */
    .gallery {
      display: grid;
      /* äâãøú ùåøåú åòîåãåú ìâìøéä */
      grid-template-columns: repeat(2, 46%); /* 2 òîåãåú, ëì òîåãä îëéìä øåçá ùååä ìëîåú äî÷åîåú äôðåééí áâìøéä */
           grid-column-gap: 2%; /* øååç áéï äòîåãåú åäùåøåú áôé÷ñìéí */
    	grid-row-gap: 1.50%;
      padding: 2%;

  justify-content: center;
	  
    }
    /* òéöåá ìúîåðåú áâìøéä */
    .gallery-item {
		opacity: 0%;
      margin: 0px;

      width: 100%; /* ÷èï àú øåçá äúîåðä ì-10% */

    }
	    .gallery-item-suprise {
			position: absolute;
			top: 70%;
		right: 26px;
		opacity: 0%;
      margin: 0px;
px;
      width: 202px; /* ÷èï àú øåçá äúîåðä ì-10% */

    }


    .gallery-item-about {
		opacity: 0%;
      margin: 0px;
px;
      width: 200px; /* ÷èï àú øåçá äúîåðä ì-10% */

    }
	
			.gallery-item-about:hover {
  filter: brightness(110%);
  
}

.gallery-item-about:active {
  filter: brightness(100%);
}


		.gallery-item-suprise:hover {
  filter: brightness(120%);
  
}

.gallery-item-suprise:active {
  filter: brightness(100%);
}
.gallery-item:hover {
  filter: brightness(150%);
}
.gallery-item:active {
  filter: brightness(100%);
}

.gallery-item img {
  padding: 0;
  margin:  0;
  border: 0;


}


  
.infoindex {
	  display: flex;
align-items: center;
  justify-content: center;

    position: absolute;
    left: 0%;
    right: 0%;
  font-family: Myriad Hebrew;
 font-size: 190%;
  font-weight: bold; 
  color: #16679a;
  border-bottom:  4px solid #16679a;
  border-top: 4px solid #16679a;
      width: 100%;
	  height: 17%;
   background-color: #d3e1e6;	
	text-shadow: 5px 5px 6px #FFF;
	
}

.indexmenu {
padding-top: 25%;
	
}

















@media screen and (max-width: 600px) {
    /* òéöåá ëììé ìâìøéä */
    .gallery {
      display: grid;
      /* äâãøú ùåøåú åòîåãåú ìâìøéä */
      grid-template-columns: repeat(2, 50%); /* 2 òîåãåú, ëì òîåãä îëéìä øåçá ùååä ìëîåú äî÷åîåú äôðåééí áâìøéä */
           grid-column-gap: 2%; /* øååç áéï äòîåãåú åäùåøåú áôé÷ñìéí */
    	grid-row-gap: 1.50%;
      padding: 2%;

  justify-content: center;
	  
    }
    /* òéöåá ìúîåðåú áâìøéä */
    .gallery-item {
		opacity: 0%;
      margin: 0px;

      width: 100%; /* ÷èï àú øåçá äúîåðä ì-10% */

    }
	    .gallery-item-suprise {
			position: absolute;
			top: 80%;
		right: 26px;
		opacity: 0%;
      margin: 0px;
px;
      width: 202px; /* ÷èï àú øåçá äúîåðä ì-10% */

    }


    .gallery-item-about {
		opacity: 0%;
      margin: 0px;
px;
      width: 200px; /* ÷èï àú øåçá äúîåðä ì-10% */

    }
	
			.gallery-item-about:hover {
  filter: brightness(110%);
  
}

.gallery-item-about:active {
  filter: brightness(100%);
}


		.gallery-item-suprise:hover {
  filter: brightness(120%);
  
}

.gallery-item-suprise:active {
  filter: brightness(100%);
}
.gallery-item:hover {
  filter: brightness(150%);
}
.gallery-item:active {
  filter: brightness(100%);
}

.gallery-item img {
  padding: 0;
  margin:  0;
  border: 0;


}
  
.infoindex {
	  display: flex;
align-items: center;
  justify-content: center;
word-wrap: break-word;
    position: absolute;
    left: 0%;
    right: 0%;
  font-family: Myriad Hebrew;
  font-size: 22px;
  font-weight: bold; 
  color: #16679a;
  border-bottom:  4px solid #16679a;
  border-top: 4px solid #16679a;
      width: 100%;
	  height: 16%;
   background-color: #d3e1e6;	
	text-shadow: 5px 5px 6px #FFF;
	
}
.indexmenu {
padding-top: 26%;
	
}
}
