:root{
  --size: calc(18px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));
}
body{
  font:20px/1.1em arial, sans-serif;
  background:# ;
  text-align: center;
  line-height: 1;
}
h1,h3{
  font-family: 'redaction70';
}
h2,h4{
  font-family: 'redaction50';
}
p,a{
  font-family: 'redaction';
}
a{
  color: #372742;
  text-decoration: none;
  border: solid 1px #372742;
  border-radius:12px;
  padding: 10px;
  transition-duration: 0.5s;
}
a:hover{
  transition-duration: 0.5s;
  background-color: #372742;
  color: lightgray;
}
#presentation{
  width: 60vw;
  margin: auto;
  padding: 40px;
}
#presentation h1{
  font-size: calc(var(--size)*4);
  margin-bottom: 40px;
}
#presentation h2{
  font-size: calc(var(--size)*0.8);
  margin-bottom: 80px;
}
#presentation p{
  font-size: var(--size);
  line-height: 1;
}
article{
  position: relative;
  display: block;
  width: 70vw;
  margin: 80px auto;
  padding: 40px;
  background: lightgray;
}
article h3{
  font-size: calc(var(--size)*2);
  margin-bottom: 40px;
}
article h4{
  font-size: calc(var(--size)*0.8);
  margin-bottom: 80px;
}
.images{
  margin: auto;
  width: 50vw;
}
figure{
  margin: 40px auto;
}
img{
  width: 100%;
}
#notabene{
  margin: 40px;
}
#notabene strong{
  font-family: 'redaction70';
}