body,h1,h2,h3,h4,h5,h6 {font-family: "Permanent Marker" !important;}
body, html {
  height: 100%;
  color: #777;
  font-family: "Permanent Marker" !important;
}
/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* First image (Logo. Full height) */
.bgimg-1 {
  min-height: 100%;
  max-height:1500px;
}
.tailleSelect {
    width: 248px;
    height: 50px;
    text-align: center;
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 130%;
  }
}
  .space {
    width: 100%;
    height: 20px;
  }
#bgimg-cont {
position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
width: 100%;
min-height: 110%;
max-height:1500px;
background-color: #999;
}

  .w3-wide {
    letter-spacing: 10px;
  }

  .w3-hover-opacity {
    cursor: pointer;
  }

  .styleP {
    border: thick double rgb(176 51 63);
    padding: 10px;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 0rem !important;
}
.count-item{
width:100%;
}
.count-item span{
color:#ffffff;
}


<style>
.navbar-toggler{
border:1px solid #000000 !important;
}
.navbar-toggler:focus{
border:1px solid #000000 !important;
box-shadow: 0 0 0 0rem  !important;
}
#imgClickAndChange{
width:30px;
height:30px;
}
.nav-link-lang{
color:#ffffff !important;
}
.nav-link-lang:hover{
color:#ffffff !important;
}
.quiz-r-c{border:1px solid #0ccf05;width:100%;height:100px;padding:20px;}
.quiz-r-c h1{font-size:20px;color:#0ccf05;}
.quiz-r-n{border:1px solid #ff0000;width:100%;height:100px;padding:20px;}
.quiz-r-n h1{font-size:20px;color:#ff0000;}