body {
	font-family: Arial, Helvetica, sans-serif;				/* styl czcionka */
	background: url(grafika/paskiTJR.png) fixed;		/* tlo strony pod DIV-ami   stojace   */
	background-size:100%;			/* tlo strony pod DIV-ami    i na cala strone*/
  backgXXXround: #eee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#kontener 
{ 

	margin: 5px 0 0 0;						/* margines od gory */
	padding: 80px 100px; 			     /* odleglosc tekstu od krawedzi DIV-a gora lewa*/
	background: #6990d2; 				/* tło DIV-a głownrgo */
	  backXXground: -webkit-linear-gradient(#ffec8b, #6990d2); 	/* For Safari 5.1 to 6.0 */
  	  backXXground: -o-linear-gradient(#ffec8b, #6990d2); 	/* For Opera 11.1 to 12.0 */
  	  backXXground: -moz-linear-gradient(#ffec8b, #6990d2); 	/* For Firefox 3.6 to 15 */
  	  backXXground: linear-gradient(#ffec8b, #6990d2); 		/* Standard syntax */
	height:auto;						/*  wysokosc stopki */
	width:750px;						/*  szerokosc stopki */
	text-align:center;
	margin-bottom:10px;						/*  margines od dolu */
 	border-radius: 15px 15px 15px 15px; 				/*  zaokraglenie rogów */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
} 

.photo {
  margin: 40px 0px;
  width: 220px;
  background: white;
  padding: 10px;
  opacity: 0.4;
  border-radius: 5px;
  border: 1px solid silver;
  box-sizing: border-box;
  
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  
  transform: rotate(5deg);
  transition: 0.5s all ease-in-out;
  will-change: transform;
  align-items: flex-start;
}

.photo img {
  flex-basis: 100%;
  width: 100px;
}

.photo figcaption {
  margin-top: 10px;
}

.photo:nth-child(even) {
  transform: rotate(-2deg) scale(0.8);
}

.photo:hover {
  marXXgin: 120px 90px;
  opacity: 1;
  transform: scale(1.7);
}