h1, h2, h3 {
	border-bottom: 1px solid #666;
}

h5 {
	font-weight: bold;
}

.gallery {
	columns: 1;
	column-gap:	1em;
}

.gallery img {
	border-radius: .5em;
	transition: all 0.2s ease;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	display: block;
}

.gallery img:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,.4);
	transform: translateY(-5px);
}

@media (min-width: 768px) {
	.gallery {
		columns: 2;
	}
}

@media (min-width: 992px) {
	.gallery {
		columns: 3;
	}
}

/* Safari does NOT like box-shadows on hover in a column layout */
::-webkit-full-page-media, _:future, :root .gallery img {
	border: 1px solid transparent;
}

::-webkit-full-page-media, _:future, :root .gallery img:hover {
	box-shadow: none;
	transform: none;
	border: 1px solid #384461;
}