body{
  margin:0;
  background-color:white;
}

* {box-sizing: border-box}
img {vertical-align: middle;
border-radius:18px;}

a:hover{
  color:lightgrey;
}

h1{
  font-family: Arial;
  font-weight:lighter;
  font-size: 15px;
  letter-spacing:1px;
  line-height: 19px;
  text-decoration:none;
  max-width:350px;
}

h2{
  font-family: Arial;
  font-weight:lighter;
  font-size: 15px;
  line-height: 19px;
  letter-spacing:1px;
  text-decoration:none;
}

.header{
  padding-bottom:65px;
  padding-top:25px;
  padding-left:2vw;
  position:fixed;
  width:24%;
}

p{
  font-family: Arial;
  font-weight:lighter;
  font-size: 15px;
  letter-spacing:1px;
  line-height: 19px;
  text-decoration:none;
  max-width:350px;
}

.presentation{
  display:block;
  margin-right:10%;
  margin-left:280px;
  position:relative;
  overflow:hidden;
  padding-bottom:65px;
  padding-top:25px;
  padding-left:27vw;
  max-width:100%;
}


.presentation p{
  font-family: Arial;
  font-weight:lighter;
  font-size: 15px;
  letter-spacing:1px;
  line-height: 19px;
  text-decoration:none;
  max-width:800px;
}


.publications{
  display:block;
  margin-right:auto;
  margin-left:auto;
  position:relative;
  overflow:hidden;
  padding-bottom:65px;
  padding-top:25px;
  padding-left:24vw;
  max-width:80%;
}



.publications p{
  font-family: Arial;
  font-weight:lighter;
  font-size: 15px;
  letter-spacing:1px;
  line-height: 19px;
  text-decoration:none;
  max-width:800px;
}


figcaption{
  font-family: Arial;
  font-weight:lighter;
  letter-spacing:1px;
  font-size: 12px;
  text-decoration:none;

}

.header a{
  color:black;
  text-decoration:none;
  border:1px black solid;
  border-radius: 15px;
  padding:5px;
}

.header a:hover{
  box-shadow: 1px 1px 8px lightgrey;
}

a{
  color:black;
}




@media (max-width: 640px) {
  .header{
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    position:relative;
    width:350px;

  }

  .presentation, .publications{
    position:relative !important;
    overflow:hidden;
    margin-left:auto;
    padding-bottom:65px;
    padding-top:25px;
    padding-left:5vw;
    max-width:100%;
  }
}

/* iPad Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .header{
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    position:relative;
    width:350px;

  }

  .presentation, .publications{
    position:relative !important;
    overflow:hidden;
    margin-left:auto;
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    max-width:100%;
  }

}


@media all and (min-width: 640px) and (max-width: 1024px) {
  .header{
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    position:relative;
    width:350px;

  }

  .presentation, .publications{
    float:left;
    overflow:hidden;
    margin-left:auto;
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    max-width:100%;
  }


}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .header{
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    position:relative;
    width:350px;

  }

  .presentation, .publications{
    position:relative !important;
    overflow:hidden;
    margin-left:auto;
    padding-bottom:65px;
    padding-top:25px;
    padding-left:2vw;
    max-width:900px;
  }




}