html {
  font-size: 62.5%;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

body {
  font-size: 1.8rem;
  line-height: 1.618;
  max-width: 52em;
  margin: auto;
  color: #000000;
  background-color: #f9f9f9;
  padding: 13px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}
h1 { font-size: 2.35em; }
h2 { font-size: 2em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em; }

p  {
  margin-top: 0px;
  margin-bottom: 2.5rem;
}

small, sub, sup {
  font-size: 75%;
}

hr {
  border-color: #000000;
}

a {
  text-decoration: none;
  color: #000000;
  border-bottom: 2px solid #b63131;
}
a:hover {
	color: #c30000;
}


.gallery_grid {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0px;
}
.gallery_grid li {
	height: 20vh;
	flex-grow: 1;
	list-style: none;
}
.gallery_grid img {
	max-height: 100%;
	min-width: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
.gallery_grid a:hover {
	filter: brightness(50%);
}