@font-face {
  font-family: 'Vollkorn Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn Regular'), url('Vollkorn/Vollkorn-Regular.woff') format('woff');
}


@font-face {
  font-family: 'Vollkorn Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn Bold'), url('Vollkorn/Vollkorn-Bold.woff') format('woff');
}

.text-ddf {
  color: #4c392b;
}

.drydeadfish {
  max-width: 100%;
  max-height: 150px;
}

.ddf {
  max-width: 100%;
  max-height: 110px;
}

body {
	background: url('../images/page_background.jpg') center top #F5F3E7;
  background-repeat: repeat;
  background-size: cover;

  font-family: "Vollkorn Regular", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;

	color: #4c392b;
}

h2 { 
  font-weight: 400;
}

h2 { 
  color: #9a1a17;
  margin-top: 1em;
  font-weight: 400;
}

.cover-container {
  max-width: 50em;
}


#cookie-bar {
  position: fixed;
  max-width: 400px;
  bottom: 0;
  padding: 10px;
  margin: 10px;
  background: #ffffff;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}