/*====================== SIXIEME SECTION START ==========================*/

.sixieme_section {
    font-family: 'Poppins', 'Titillium', 'Concert_One',  "Lato",  "Roboto",     Arial,  sans-serif;
    padding: 60px;
    padding-top: 7em;
    margin: 0px;
  }
  .sixieme_section .section_head{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003953;
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  
  .sixieme_section .section_head h2::after{
    display: block;
    content: "";
    width: 25%;
    height: 5px;
    background-color: #e67e22;
    position: relative;
    top: 10px;
    left: 37.5%;
  }
  
  .contact-form {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 60px;
  
  }
  .contact-form  form input, .contact-form textarea {
      background-color: #7f8fa6;
      color: white;
      padding: 10px;
      margin-bottom: 20px;
      width: 100%;
      border: none;
      border-radius: 10px;
      outline: none;
  }
  
  .contact-form  form input.send_mail {
    border: none;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    color: white;
    background-color: #e67e22;
    -webkit-box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
    -moz-box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
    box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
    transition: 500ms ease;
  }
  
  .contact-form  form input.send_mail:hover {
    color: #e67e22;
    background-color: white;
    -webkit-box-shadow: 0 1.75rem 2rem -0.4rem rgba(230, 126, 34,0.15);
    -moz-box-shadow: 0 1.75rem 2rem -0.4rem rgba(230, 126, 34,0.15);
    box-shadow: 0 1.75rem 2rem -0.4rem rgba(230, 126, 34,0.15);
  }
  
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
  }
  
  .contact-illustration {
    text-align: center;
  }
  
  .contact-illustration img {
        height: 50vh;
        min-height: 300px;
  }
  
  .sixieme_section .info{
    justify-content: center;
  
  }
  
  .sixieme_section .info-elmt{
    text-align: center;
    margin: auto;
    padding: 8px;
  }
  
  .sixieme_section .info-elmt a {
    text-decoration: none;
    color: #bdc3c7;
    font-size: 0.9em;
  }
  
  .sixieme_section .info-elmt a:hover {
    color: #e67e22;
  }
  
  
  .sixieme_section .info-elmt span {
    color:#003953;
    font-size: 0.9em;
    margin-left: 10px;
    position: relative;
    top : -5px;
  
  }


  /*====================================== MOBILE STYLE ===============================================================================*/
/*====================================== MOBILE STYLE ===============================================================================*/

@media only screen and (max-width: 416px) { 
  
    /*================================================= CONTACT SECTION ====================================================================*/
    .sixieme_section {
      padding: 10px;
      padding-top: 40px;
    }
  
    .contact-form{
      padding: 20px;
      padding-bottom: 1.5em;
    }
    .contact-illustration img {
      display: none;
    }
  
  
  }
  
  /*====================================== END MOBILE STYLE ===============================================================================*/
  /*====================================== END MOBILE STYLE ===============================================================================*/