/*------ index -----------*/
body {  
  background-color: #00000a;
}
.wrapper {
  height: 3000px;
  overflow: hidden;
  background-image: url("http://echoes.adeadchannel.com/images/fran1.png");
  background-repeat: no-repeat;
  background-position: center top;
}
a {
  color:#d5d5bd;
  text-decoration: none;
}
a:hover{
  color:#71710a;
}

#title { 
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  font-size: 54px; 
  font-style: italic; 
  font-variant: normal; 
  font-weight: 300; 
  line-height: 46.4px; 
  color: #54540b;
  padding: 20px;
  position:relative;
  width: 50%;
  left: 8%;
  top: 30px;
}

.box {
  border-style: solid;
  border-width: 1px;
  border-color: #54540b;
  background-color: #111;
  background-color: #000;
  color: #d5d5bd;
  position: absolute;
}
#connect {
  top: 1350px;
  right: 60%;
  padding: 10px;
  font-size: 20pt;
}
#connect p{
  margin: 0px;
}

#audio1{
  position: relative;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
}

#indexText {
  width: 35%;
  min-width: 600px;
  top: 1450px;
  padding: 30px;
  right: 50px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 20px;
}
#indexText .first-letter{
  font-size: 38px;
  line-height: 30px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  float: left;
}
.ref {
  text-align: left;
}