#navigation-bar-press {
  color: rgb(85, 84, 84);
}

.main-body {
  padding: 10px 50px 50px 50px;
}

.main-body h2 {
  color: #87a358;
  font-size: 16pt;
  margin-top: 20px;
  font-weight: 100;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.main-body a {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.7em;
}

.main-body ul {
  margin: 15px 0;
}

.main-body li {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.7em;
}

.media-title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #b18823;
  font-weight: 100;
  margin: 20px 0;
}

.media-pics {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.media-pics img {
  max-width: 320px;
  max-height: 500px;
}

.main-body hr {
  margin-top: 20px;
}

.press-release {
  display: grid;
  background-color: white;
  margin: 20px;
  align-items: center;
  max-width: 700px;
  min-height: 775px;
  padding: 20px;
  line-height: 1.5em;
  justify-content: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.press-release img {
  max-width: 600px;
}

.press-release p {
  margin: 6px;
}

.thumbnail-container {
  overflow-x: scroll;
  padding: 0 15px;
}

.thumbnail-list {
  white-space: nowrap;
  list-style: none;
  min-height: 100px;
}

.thumbnail-list li {
  display: inline-block;
}

.thumbnail-image {
  display: block;
  padding: 2px;
  max-width: 100px;
  max-height: 100px;
  height: auto;
  cursor: pointer;
  opacity: 0.6;
}

.thumbnail-image:hover {
  opacity: 1;
}

.gallery-image-div {
  position: relative;
  margin-top: 20px;
  width: 700px;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* border: 3px solid #87a358; */
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 12px;
  color: white !important;
  font-weight: bold;
  font-size: 20px !important;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.gallery-captions h3 {
  color: #87a358;
  font-size: 12px;
  text-align: center;
  margin: 20px 0 5px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}