:root {
  --centered-div-padding: 40px;
  --centered-div-min-width: 600px;
  --centered-div-inner-min-width: calc(var(--centered-div-min-width) - 2 * var(--centered-div-padding));
  --dark-link-color: #54777E;
  --content-text-color: #34463A;
  --schedule-width-addition: 60px;
}

.main-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  background-color: #80697D;
  justify-content: center;
}

.centered-div {
  top: 0;
  min-width: var(--centered-div-inner-min-width);
  max-width: calc(var(--centered-div-inner-min-width) + 400px);
  width: 80%;
  min-height: 100vh;
  background-color: #F4F2F3;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--centered-div-padding);
}

.monogram {
  min-width: var(--centered-div-inner-min-width);
  width: 90%;
  height: auto;
}

.content {
  color: var(--content-text-color);
  width: 60%;
  padding-right: 20px;
}

.secondary-pic-container {
  width: calc(100% - var(--schedule-width-addition))
}

.main-pic {
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

.main-pic-container {
  width: 40%;
}

.schedule-container {
  margin-left: calc(-1 * var(--schedule-width-addition))
}

.split {
  display: flex;
  flex-direction: row;
  width: 90%;
}

.title {
  margin-top: 0;
}

p {
  text-indent: 20px;
}

.navbar {
  position: relative;
  align-items: center;
  padding: .5rem 1rem;
}

.navbar-nav {
  display: flex;
  flex-direction: row;
  list-style: none;
  text-align: center;
  margin: 0 auto;
}

.nav-item {
  padding: 5px 15px;
}

.nav-item.active > a.nav-link {
  color: black;
}


/* unvisited link */
a:link {
  color: var(--dark-link-color);
}

/* visited link */
a:visited {
  color: var(--dark-link-color);
}

/* mouse over link */
a:hover {
  color: var(--dark-link-color);
  opacity: 0.7;
}

/* selected link */
a:active {
  color: var(--dark-link-color);
}

.centered-contents {
  display: flex;
  justify-content: center;
}

.schedule-title {
  margin-bottom: 0;

}

table {
  width: 100%;
}

td {
  padding-right: 10px;
}

.photo-links {
  display: flex;
  flex-direction: column;
}

.photo-links a {
  padding: 5px;
  font-size: 20px;
}

.photo-links p {
  text-indent: 0;
}

.photo-links h2 {
  margin-bottom: 10px;
}