.container{

  width: 100%;
    margin: auto;
}

.box-0{

  text-align: right;
  cursor:pointer;
  margin-top : 20px;
  margin-right: 30px;

}

.box-0 a{

text-decoration: none;


}

.box-0 a:hover{

  opacity: 0.5;

}


.container2{

  width: 90%;
    margin: auto;
}


.box-1{

  text-align: center;
}

.box-1 h1{
    font: normal 26px Georgia, serif;
    margin-top: 50px;
    margin-bottom: 0;
    color : #292828;

}

.box-1 h2{

  font: normal 23px Georgia, serif;
  margin-top: 15px;
  color : #292828;
}

.box-2{
    width:100%;
    float:left;
    text-align:center;

}


.box-2 figcaption{
  float: center;
  font: normal 18px Georgia, serif;
  line-height: 1.6em;
  color: #292828;
  text-align:center;
  width:60%;
  margin: auto;
  text-align: justify;
  padding-bottom: 8%;
  padding-top: 3%;


}

    .figure{
position: relative;

}

.iframe{
  position: absolute;

}

.figcaption{

  position: absolute;
  width: 70px;
    height: 70px;
    margin: 0 auto;

}