body{
 background: url(Fon2.jpg) no-repeat;
 -moz-background-size: 100%;
 -webkit-background-size: 100%;
 -o-background-size: 100%;
 background-size: 100%;
}

#gall {
  position: relative;
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}
#gall img {
  position: absolute;
  top: 25%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: zoom-in;
  transition: .2s;
}
#gall img:nth-child(4n-2) {left: 37.5%;}
#gall img:nth-child(4n-1) {left: 62.5%;}
#gall img:nth-child(4n) {left: 87.5%;}
#gall img:nth-child(n+5) {top: 75%;}

#gall img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}
#gall img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}

.gallery img{
 margin:15px; /* внешние отступы картинок */
 border:3px solid #fff; /* рамка картинок */
}
a.photo:hover img{
 border:3px solid #034F80; /* изменение цвета рамки при наведении на картинку */
}

/* Gallery */
.gallery img{
 margin:15px; /* внешние отступы картинок */
 border:3px solid #fff; /* рамка картинок */
}
a.photo:hover img{
 border:3px solid #034F80; /* изменение цвета рамки при наведении на картинку */
}


/*big picture catalog*/
.category__name {
	height: 43px;
	
	
}
.category__name a {
	color: #48a3d2;
	font-size: 16px;
	text-decoration:none;
	transition: 0.3s;
}
.category__name a:hover {
	opacity:0.6;
}