html {
  overflow-y: scroll;
}

body {
  font-family: Garamond;
}

.nav {
  /*position: fixed;*/
  overflow: auto;
  float: left;
  width: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: white;
}

.nav-title {
  font-size: 18px;
  font-family: helvetica, sans-serif;
  text-transform: uppercase;
  padding-bottom: 50px;
}

.nav-option {
  padding-bottom: 5px;
  font-size: 12px;
  font-family: helvetica, sans-serif;
  text-transform: uppercase;
}

.left-foot {
  padding-top: 300px;
  font-size: 10pt;
}

.footer-info {
  font-size: 8pt;
  text-transform: uppercase;
  font-family: helvetica, sans-serif;
  padding-top: 5px;
}

.main {
  /*float: right;*/
  padding-left: 150px;
  padding-top: 20px;
}

.home-page-title {
  /*padding-top: 30px;*/
  font-size: 25pt;
  color: #474747;
  text-align: center;
}

.main-image {
  text-align: center;
  /*padding-top: 20px;*/
  clear: both;
  display: inline-block;
}

.home-page-image {

}

.graduation-page-image {
  height: 425px;
}

.main-wrap {
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.control-panel {
  margin: 0 auto;
  text-align: center;
  width: 30%;
}

.control-button {
  display: inline-block;
  padding: 20px;
  padding-top: 0px;
}

a {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
}

a:hover {
  color: lightgray;
  cursor: pointer;
}

.arrow {
  height: 100px;
}

.arrow-wrap {
  display: inline-block;
}

.arrow-wrap:hover {
  cursor: pointer;
}

.arrow-forward {
  float: right;
}

.arrow-back {
  float: left;
}