.gallery-preview {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	background-color: #f6f6f6;
}
.gallery-preview .gallery-pic {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.gallery-thumbs {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	margin-right: -2px;
}
.gallery-thumb {
	padding: 2px;
	width: 10%;
}
.gallery-thumb .gallery-pic {
	width: 100%;
	height: auto;
}
.gallery-preview a,
.gallery-thumb a {
	display: block;
}
.gallery-pic {
	cursor: pointer;
	transition: ease opacity .15s;
}
.gallery-pic:hover {
	opacity: .7;
}

@media(max-width: 640px) {
	.gallery-thumb {
		width: 20%;
	}
}