@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri&family=Noto+Sans&display=swap');

.header{
    width: 100%;
    height: 350px;
    background-image: linear-gradient(rgba(85, 83, 83, 0.783), #d21e2ac5),
            url("image/contact.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Noto Sans', sans-serif;
    background-attachment: fixed;
  }
  .header .col-md-12 .block1{
      position: relative;
      top: 75px;
  }
  .header h1{
      font-size: 40px;
      font-family: 'Noto Sans', sans-serif;
      font-weight: 300 !important;
      color: #fefefe;
  }
  .header p{
      font-size: 20px;
      font-family: 'Noto Sans', sans-serif;
      font-weight: 300 !important;
      color: #fefefe;
      text-align: center;
  }
  #hr{
  background-color: #fefefe !important;
  border: 0;
  opacity: 15;
  height: 1px;
  color: #fefefe !important;
}

.formulaire .container{
  border: 2px solid #EBEBEB;
}
.formulaire .information h2{
  font-family: 'Noto Sans', sans-serif;
  font-weight: 200 !important;
  color: #3E3E3E;
  font-size: 20px;
  text-transform: uppercase;
}
.formulaire .information p{
  font-family: 'Noto Sans', sans-serif;
  font-weight: 200 !important;
  color: #3E3E3E;
  font-size: 16px;
  
  margin-bottom: 25px;
}
.formulaire  .col-md-8 h2{
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 200 !important;
    color: #3E3E3E;
    font-size: 20px;
}
.formulaire  .col-md-8 form input{
    height: 48px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300 !important;
}


.formulaire  .col-md-8 form textarea{
    height: 48px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300 !important;
    font-size: 14px;
}

.formulaire  .col-md-8 form input::placeholder{
    font-size: 15px;
    color: #3E3E3E;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 200 !important;
}
.formulaire  .col-md-8 form .btn-primary{
  border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300 !important;
    font-size: 16px !important;
    background-color: #fefefe !important;
    color: #3E3E3E!important;
    border: solid 1px #FDC800!important;
}
.formulaire  .col-md-8 form .btn-primary:hover{
  background-color: #D21E2B !important;
  border: solid 1px #D21E2B !important;
  color: #fefefe !important;
}
.formulaire  .col-md-4 h2{
    text-transform: uppercase;
    font-family: 'Hind Siliguri', sans-serif;
    color: #3E3E3E;
    font-size: 20px;
}
.formulaire .col-md-4 .block{
    background-color: #FDC800;
    border: 2px solid #FDC800 !important;
}
.formulaire  .col-md-4 ul li{
    list-style-type: none;
    font-family: 'Hind Siliguri', sans-serif;
    
    font-size: 17px;
}
.formulaire  .col-md-4 ul li a{
  color: #3E3E3E;
  text-decoration: none;
}
.formulaire  .col-md-4 p{
  font-family: 'Hind Siliguri', sans-serif;
  font-size: 15px;
  color: #3E3E3E;
  text-align: justify;
}
#ligne1{
  width: 250px !important;
  background-color: #FDC800 !important;
  border: 0;
  opacity: 15;
  height: 2px;
  color: #FDC800 !important;
  position: relative;
  bottom: 18px !important;
  
}
#hr{
  position: relative;
  bottom: 7px !important;
  
}
@media screen and (max-width: 780px) and (min-width: 470px) {
    .header{
      width: 100%;
      height: 350px;
      background-image: linear-gradient(rgba(85, 83, 83, 0.783), #d21e2ac5),
      url("image/contact.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      font-family: 'Fira Sans', sans-serif;
      background-attachment: fixed;
    }
    .header .col-md-12 .block1{
        position: relative;
        top: 75px;
    }
    .header h1{
        font-size: 45px;
        color: #fefefe;
    }
    .header p{
        font-size: 20px;
        color: #fefefe;
        text-align: center;
    }
    #hr{
    background-color: #fefefe !important;
    border: 0;
    opacity: 15;
    height: 1px;
    color: #fefefe !important;
  }
  .formulaire .container{
    border: 2px solid #EBEBEB;
  }
  .formulaire .information h2{
    font-family: 'Hind Siliguri', sans-serif;
    color: #3E3E3E;
    font-size: 23px;
    text-transform: uppercase;
  }
  .formulaire .information p{
    font-family: 'Hind Siliguri', sans-serif;
    color: #3E3E3E;
    font-size: 16px;
    margin-bottom: 25px;
  }
  .formulaire  .col-md-8 h2{
      text-transform: uppercase;
      font-family: 'Hind Siliguri', sans-serif;
      color: #3E3E3E;
      font-size: 20px;
  }
  .formulaire  .col-md-8 form input{
      height: 48px;
      border-bottom-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      font-family: 'Hind Siliguri', sans-serif;
  }
  
  .formulaire  .col-md-8 form textarea{
      height: 48px;
      border-bottom-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      font-family: 'Hind Siliguri', sans-serif;
  }
  
  .formulaire  .col-md-8 form input::placeholder{
      font-size: 14px;
  }
  .formulaire  .col-md-8 form .btn-primary{
    border-bottom-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
      border-top-left-radius: 0px !important;
      font-family: 'Hind Siliguri', sans-serif;
      font-size: 16px !important;
      background-color: #fefefe !important;
      color: #2A2A2A !important;
      border: solid 1px #FDC800!important;
  }
  .formulaire  .col-md-8 form .btn-primary:hover{
    background-color: #D21E2B !important;
    border: solid 1px #D21E2B !important;
    color: #fefefe !important;
  }
  .formulaire  .col-md-4 h2{
      text-transform: uppercase;
      font-family: 'Hind Siliguri', sans-serif;
      color: #3E3E3E;
      font-size: 20px;
  }
  .formulaire .col-md-4 .block{
      background-color: #FDC800;
      border: 2px solid #FDC800 !important;
  }
  .formulaire  .col-md-4 ul li{
      list-style-type: none;
      font-family: 'Hind Siliguri', sans-serif;
      
      font-size: 17px;
  }
  .formulaire  .col-md-4 ul li a{
    color: #3E3E3E;
    text-decoration: none;
  }
  .formulaire  .col-md-4 p{
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 15px;
    color: #3E3E3E;
    text-align: justify;
  }
  #ligne1{
    width: 250px !important;
    background-color: #FDC800 !important;
    border: 0;
    opacity: 15;
    height: 2px;
    color: #FDC800 !important;
    position: relative;
    bottom: 18px !important;
    
  }
  #hr{
    position: relative;
    bottom: 7px !important;
    
  }
}
@media screen and (max-width: 470px) and (min-width: 80px){
  .header{
    width: 100%;
    height: 350px;
    background-image: linear-gradient(rgba(85, 83, 83, 0.783), #d21e2ac5),
            url("image/contact.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Fira Sans', sans-serif;
    background-attachment: fixed;
  }
  .header .col-md-12 .block1{
      position: relative;
      top: 75px;
  }
  .header h1{
      font-size: 30px;
      color: #fefefe;
  }
  .header p{
      font-size: 18px;
      color: #fefefe;
      text-align: center;
  }
  #hr{
  background-color: #fefefe !important;
  border: 0;
  opacity: 15;
  height: 1px;
  color: #fefefe !important;
}
.formulaire .container{
  border: 2px solid #EBEBEB;
}
.formulaire .information h2{
  font-family: 'Hind Siliguri', sans-serif;
  color: #3E3E3E;
  font-size: 20px;
  text-transform: uppercase;
}
.formulaire .information p{
  font-family: 'Hind Siliguri', sans-serif;
  color: #3E3E3E;
  font-size: 16px;
  margin-bottom: 25px;
}
.formulaire  .col-md-8 h2{
    text-transform: uppercase;
    font-family: 'Hind Siliguri', sans-serif;
    color: #3E3E3E;
    font-size: 20px;
}
.formulaire  .col-md-8 form input{
    height: 48px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    font-family: 'Hind Siliguri', sans-serif;
}

.formulaire  .col-md-8 form textarea{
    height: 48px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    font-family: 'Hind Siliguri', sans-serif;
}

.formulaire  .col-md-8 form input::placeholder{
    font-size: 14px;
}
.formulaire  .col-md-8 form .btn-primary{
  border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 16px !important;
    background-color: #fefefe !important;
    color: #2A2A2A !important;
    border: solid 1px #FDC800!important;
}
.formulaire  .col-md-8 form .btn-primary:hover{
  background-color: #D21E2B !important;
  border: solid 1px #D21E2B !important;
  color: #fefefe !important;
}
.formulaire  .col-md-4 h2{
    text-transform: uppercase;
    font-family: 'Hind Siliguri', sans-serif;
    color: #3E3E3E;
    font-size: 20px;
}
.formulaire .col-md-4 .block{
    background-color: #FDC800;
    border: 2px solid #FDC800 !important;
}
.formulaire  .col-md-4 ul li{
    list-style-type: none;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 17px;
}
.formulaire  .col-md-4 ul li a{
  color: #3E3E3E;
  text-decoration: none;
}
.formulaire  .col-md-4 p{
  font-family: 'Hind Siliguri', sans-serif;
  font-size: 15px;
  color: #3E3E3E;
  text-align: justify;
}
#ligne1{
  width: 250px !important;
  background-color: #FDC800 !important;
  border: 0;
  opacity: 15;
  height: 2px;
  color: #FDC800 !important;
  position: relative;
  bottom: 18px !important;
  
}
#hr{
  position: relative;
  bottom: 7px !important;
  
}


}