body {
  max-width: 40em;
  margin: 0 auto;
  padding: 5px;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.6em;
  color: black;
}
h1, h2, h3 {
  font-family: sans-serif;
  font-weight: normal;
}
ul{padding:0;margin:0;float:right;}
li {
  display:inline-block;
  padding:10px;
  top: 10px;
  position: relative;
  right: -500px;
}
#logo_header {
  background-image: url("images/cd.svg");
  background-size: 100% 100%;
  float:left;
  height:350px;
  width:100%;
  z-index: 2;
  position:relative;
  top: -60px;
  left: -500px;
}
.equation {
  height: 630px;
}
.tier{width: 20%;float:left;margin-left:0;}
.clear{clear:both;}
div.captions {
    width: 100%;
    height:300px;
    float:left;
    position:relative;
}
div.cd_wide {
    background-size: 100% 100%;
    height:180px;
    width: 400px;
    z-index: 2;
    position:relative;
    top: 25px;
    left: -600px;
}
div.cc_logo {
    background-size: 100% 100%;
    height:200px;
    width:200px;
    z-index: 2;
    position:relative;
    top: 15px;
    left: -420px;
}
div.cc_logo_bw {
    background-size: 100% 100%;
    height:170px;
    width:200px;
    z-index: 2;
    position:relative;
    top: 30px;
    left: -420px;
}
div.cd_extra_wide {
    background-size: 100% 100%;
    height:250px;
    width: 500px;
    position:relative;
    top: -10px;
    left: -430px;
}