body{
    margin:0;
    padding:0;
    font-family:"Avenir", sans-serif, monospace;
    background-color: #fff;
    height: 100%;
}

h1{
    font-family: "Didot";
    color:#000;
    font-size:30pt;
}

h2{
    font-family: "Avenir";
    color:#2f8c5e;
    font-size:21pt;
    margin-bottom: -10px;
}



#nav-bar{
    position:fixed;
    top:-1em;
    background:#fff;
    width:100%;
    margin:0;
    padding:0;
    z-index: 1;
}

.nav {
  margin-right: 2em;
}

.nav ul{
    list-style: none;
    margin:0;
    padding:0;
}

.nav li{
    list-style: none;
    font-size: 24px;
    float:right;
    margin:0;
    display:inline;
    padding:50px 10px 0px 10px;
}

.nav a{
    font-family: "Avenir";
    color:#000;
    text-decoration:none;
}
.nav a:hover{
    color:#69d782;
}

#selected-link{
    color:#eea4a7;
}

#content-wrapper{
    width:65vw;
    min-height: 100%;
    margin:3em auto;
    margin-top: 150px;
    margin-bottom: -3em;
    padding: 20px 50px 50px 50px;
    border-radius: 10px;
    background: #fff;
    z-index: 0;
}

#intro{
  padding-left: 5vw;
  padding-right: 5vw;
}

#half{
  padding-left: 5vw;
  padding-right: 5vw;
  -webkit-column-count: 2;
  -webkit-column-gap: 25px;
}

#half img{
  width: 25vw;
}

#thesis {
  width: 65vw;
}

#body-text{
  position: relative;
  padding-left: 35vw;
  float: right;
}

#body-text img {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
}

#content-wrapper a{
  color:#e36368;
  text-decoration: none;
}

#content-wrapper a:hover{
  text-decoration: underline;
}

.contact a{
  font-family: "Avenir";
  font-size: 20px;
  margin-left: -14vw;
  text-decoration: none;
}

table {
  table-layout: auto;
  width: 60vw;
}

tr img{
  margin: 30px;
}

td {
  width: 25vw;
}

#footer{
  position: fixed;
  bottom: 0;
  margin-bottom: -1%;
  height: 12%;
  width: 98%;
  padding-right: 2%;
  text-align: right;
  background-color: transparent;
}