@media(max-width:1200px){
  section#wrapper-contact{
    flex-direction: column;
 }
}
@media(max-width:999px){
  pre, pre *{
    font-size: 1.0rem;
    line-height: 1.0rem;
  }
}
@media(max-width:800px){
  pre, pre * {
    font-size: 0.9rem;
    line-height: 0.9rem;
  }
}
@media(max-width:700px){
  pre, pre *{
    font-size: 0.6rem;
    line-height: 0.6rem;
  }
  section#presentation{
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
@media(max-width:600px){
  pre, pre * {
    font-size: 0.6rem;
    line-height: 0.6rem;
  }
}
@media(max-width:500px){
  pre, pre * {
    visibility: hidden;
  }
}
@media(max-width:330px){
  section#presentation{
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}