@font-face {
  font-family: jrjbrown;
  src: url("JRJBRown-Roman.woff2");
}

body{
  font-family: jrjbrown;
  background:rgb(183, 149, 105);
  font-size: 22px;
  color: rgb(80, 44, 29);
}


h1{
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 35px;
  box-sizing: border-box;
  text-align: center;
}

#appointement{
   display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 38px;
  box-sizing: border-box;
  text-align: center;
}

@media (orientation: portrait){

  body{
    font-size: 5vw;
  }

  #appointement{
    padding: 35px;
  }

}