#wrapper {
  width: 815px;
  margin: 35px auto 35px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: rgb(77,77,77);
  font-size: 15pt;
  line-height: 21pt;
  text-align: center;
}

.text-block {
  width: 590px;
  margin: 25px auto;
  text-align: center;
}

.image-block {
  width: 815px;
  margin: 25px auto 0 auto;
}

h1, h1:link, h1 a, h1 a:active, h1 a:visited  {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: rgb(134,0,0);
  font-size: 15pt;
  line-height: 21pt;
  margin-bottom: 25px;
  text-align: center;
}

p {
  margin-bottom: 25px;
  width:100%;
  text-align: center;
}

.italic {
  font-style: italic;
}

.image-left {
  width: 400px;
  margin: 0 7.5px 15px 0;
  float: left;
}

.image-right {
  width: 400px;
  margin: 0 0 15px 7.5px;
  float: left;
}

.legende {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: rgb(77,77,77);
  font-size: 13pt;
  line-height: 18pt;
  margin-bottom: 25px;
  text-align: center;
}



@media only screen and (max-device-width: 900px) {

  #wrapper {
    width: 95%;
    margin: 0 2.5%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: rgb(77,77,77);
    font-size: 15pt !important;
    line-height: 21pt !important;
    text-align: center;
  }

  h1, h1:link, h1 a, h1 a:active, h1 a:visited {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: rgb(134,0,0);
    font-size: 15pt !important;
    line-height: 21pt !important;
    margin-bottom: 25px;
    text-align: center;
  }

  .legende {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: rgb(77,77,77);
    font-size: 13pt !important;
    line-height: 21pt !important;
    margin-bottom: 25px;
    text-align: center;
  }

  .text-block {
    width: 90%;
    margin: 5% auto;
    text-align: center;
  }

  .image-block {
    width: 100%;
    margin: 0 auto;
  }

  .image-left {
    width: 49%;
    margin: 0 1% 15px 0;
    float: left;
  }

  .image-right {
    width: 49%;
    margin: 0 0 15px 1%;
    float: left;
  }

}

@media only screen and (max-width: 900px) {

  #wrapper {
    width: 95%;
    margin: 0 2.5%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: rgb(77,77,77);
    font-size: 15pt !important;
    line-height: 21pt !important;
    text-align: center;
  }

  h1, h1:link, h1 a, h1 a:active, h1 a:visited {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: rgb(134,0,0);
    font-size: 15pt !important;
    line-height: 21pt !important;
    margin-bottom: 25px;
    text-align: center;
  }

  .legende {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: rgb(77,77,77);
    font-size: 13pt !important;
    line-height: 21pt !important;
    margin-bottom: 25px;
    text-align: center;
  }

  .text-block {
    width: 90%;
    margin: 5% auto;
    text-align: center;
  }

  .image-block {
    width: 100%;
    margin: 0 auto;
  }

  .image-left {
    width: 49%;
    margin: 0 1% 15px 0;
    float: left;
  }

  .image-right {
    width: 49%;
    margin: 0 0 15px 1%;
    float: left;
  }

}