@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto');
html,
body {
  height:100%;
}
body {
  background:url(../images/fond.jpg) no-repeat center center;
  background-size: cover;
  font-family: Roboto;
  padding-top: 20vh;
  color:white;
}
h1 {
  font-family: 'Abril Fatface', cursive;
  font-size:8vw;
  position:relative;
  z-index:2;
}
h1,
h2 {
  margin:0 auto;
  width: 80%;
  max-width:1170px;
  font-weight:normal;
  line-height: 100%%;
}
h2 {
  font-size:12px;
}
h1::before {
  content:'';
  position: absolute;
  display:block;
  bottom:20px;
  left:10vw;
  width:30vw;
  height:40px;
  background: magenta;
  z-index: -1;
  mix-blend-mode: screen;
}
h1 small {
  font-size:50%;
}