@font-face {
  font-family: "Adelphe";
  src: url(font/Adelphe-FlorealRegular.woff) format(woff),
  url(font/Adelphe-FlorealRegular.woff2) format(woff) ;
}
@font-face {
  font-family: "AdelpheBold";
  src: url(font/Adelphe-FlorealRegular.woff) format(woff),
  url(font/Adelphe-FlorealRegular.woff2) format(woff) ;
}
@font-face {
  font-family: "AdelpheItalic";
  src: url(font/Adelphe-FlorealItalic.woff) format(woff),
  url(font/Adelphe-FlorealItalic.woff2) format(woff) ;
}
@font-face {
  font-family: "AdelpheBoldItalic";
  src: url(font/Adelphe-FlorealBoldItalic.woff) format(woff),
  url(font/Adelphe-FlorealBoldItalic.woff2) format(woff) ;
}


body{
  font:30px/1.1em "Adelphe", serif;
  background:#f8f6e5;
  padding: 40px;
  margin: 0;
  color: #620;
}
h1, h2, h3, em, p, a, li{
  font-family: "Adelphe";
}

h1,h2,h3{
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
}

body > *{
  margin-top: 0;
  margin-bottom: 10px;
}

hr{
  border-top: 0.5px solid #620;
  margin: 20px 0 !important;
}

em{
  font-size: 20px;
  font-family: "Adelphe";
  font-style: normal;
}
s{
  text-decoration-line: line-through;
  text-decoration-thickness: 20px;
}

img{
  width: 50%;
}

@media screen and (max-width: 1000px){
  body{
    font-size: 40px;
  }
  h1,h2,h3{
  font-size: 30px;}
  img {
    width: 100%;
  }
}