@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
  
.table {
  display: table;
  width:100%;
  margin: 0;
}
.table-cell {
  display: table-cell;
  vertical-align: bottom;
}
  
#remerciements {
  text-align: center;
  font-weight: 300;
  background-color: #101010;
  color: white;
}

#remerciements #remerciements-top {
  background: url('../images/background-remerciements-mobile.png') no-repeat top center;
  background-size: cover;
  background-color: #000;
  height: calc(100vh - 65px);
}

#remerciements #remerciements-top #remerciements-top-logo {
  display: block;
  margin:0 auto;
  padding:0 15px;
  max-width: 226.9px;
  margin-bottom: 50.3px;
}

#remerciements #remerciements-top h1 {
  min-height: 63px;
  padding:0 15px;
  margin: 0;
}

#remerciements #remerciements-top h1 span {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.17;
  vertical-align: bottom;
}

#remerciements #remerciements-body {
  padding: 40px 0 0 0;
}

#remerciements .container {
  max-width: 830px;
  padding: 0 15px;
}

#remerciements h2 {
  text-align: center;
  min-height: 46px;
}

#remerciements p + h2 {
  margin-top: 32px;
}

#remerciements h2 span {
  display: inline-block;
  background: url('../images/subtitle.png') no-repeat center left;
  background-size: 45px;
  padding-left: 54px;
  min-height: 46px;
  font-size: 24px;
  font-weight: 900;
  line-height: 46px;
}

#remerciements p {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
}

#remerciements h2 + p {
  margin-top: 20px;
}

@media (min-width: 400px) {
  #remerciements .container {
    padding: 0 35px;
  }
  #remerciements h2 span {
    background-size: 50px;
    padding-left: 59px;
  }
}

@media (min-width: 576px) {
  
  #remerciements #remerciements-top {
    background-image: url('../images/background-remerciements.png');
  }
  
  #remerciements #remerciements-top #remerciements-top-logo {
    max-width: 453.7px;
    margin-bottom: 75px;
  }
  
  #remerciements #remerciements-top h1 {
    background-image: url('../images/fade-black.png');
    background-repeat: repeat-x;
    background-position: left top;
  }
  
  #remerciements #remerciements-top h1 span {
    font-size: 42px;
  }
  
  #remerciements #remerciements-body {
    padding-top: 29.3px;
  } 
  
  #remerciements p + h2 {
    margin-top: 40px;
  }
  
}