.maingallery {
	position:relative;
  width:3720px;
  left:50%;
  transform:translateX(-50%);
  overflow:hidden;
}

.gallery {
	position: relative;
  margin: 30px;
  width: 560px;
  height: 350px;
  background-color: #eee;
  border-radius: 4px;
  overflow: hidden;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor:pointer;
  float: left;
}



#vedifoto {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	overflow:hidden;
	display:none;
	z-index:999999999;
}

#bigphoto {
	position:relative;
	left:50%;
	top:50%;
	width:96%;
	height:96%;
	transform:translate(-50%,-50%);
	background-color:#999;
  overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
  background-size:contain; 
  animation: mymove 5s;
	animation-delay: 5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

@media (max-width:3720px) {
	.maingallery {
	  width:3100px;
	}
}

@media (max-width:3100px) {
	.maingallery {
	  width:2480px;
	}
}

@media (max-width:2480px) {
	.maingallery {
	  width:1860px;
	}
}

@media (max-width:1860px) {
	.maingallery {
	  width:1240px;
	}
}

@media (max-width:1240px) {
	.maingallery {
	  width:620px;
	}
}

@media (max-width:620px) {
	.maingallery {
	  width:100%;
	}
	.gallery {
		width:94%;
		margin:3%;
		aspect-ratio:16/10;
	}
	@supports not (aspect-ratio:16/10) {
		.gallery {
	    padding-top: 50%;
	    content: "";
		}
	}
}