#masthead{
  padding-top: 20svh;
  height:auto;
  padding-left: 5%;
  position: relative;
  z-index: 10;
  width: fit-content;
}
#titre_mast{
  padding-top: 20px;
}
#btn_mast{
  position: absolute;
  right: 0%;
}
#img_mast{
  position: absolute;
  width: 60%;
  height:auto;
  left:20%;
  top:10%;
  z-index: 0;
  opacity: 0.3;
  transform: rotate(20deg);
}
#container_titre_mast{
  position: relative;
  z-index: 1;
  width: 80%;
}


@media (max-height: 664px){
  #titre_mast{
    padding-top: 0;
  }
}
@media (max-height: 600px){
  #titre_mast{
    padding-top: 25px;
  }
}

@media (max-width: 800px){
  #container_titre_mast{
    width: 90%;
  }
}
@media (max-width: 500px){
  #masthead{
    padding-left: 2%;
  }
  #img_mast{
    width: 120%;
  }
  #container_titre_mast{
    width: 98%;
  }
  #titre_mast{
    letter-spacing: 2px;
  }
  #titre_mast2{
      margin-top: 15px;
  }
  #titre_mast3{
      margin-top: 10px;
  }
  #btn_mast{
      left:50%;
      transform: translateX(-50%);
      margin-top: 35px;
  }
}