/**
* Reponsive media query for mobile and tablet : orientation landscape
* CAUTION: orientation portait is down the page.
**/
@media screen and (max-width : 896px) and (orientation: landscape)  {
  #breakInTitle{
    display: none;
  }

  #greenSquareInline{
    font-size:1.2em;
    color:#9acd70;
    display: inline;
  }
  h1{
    margin-top: 1.2%;
  }
  h3{
    padding-top: 0.7%;
    font-size: 81%;
    margin-bottom: 1.5%;
  }

  #greenSquare, #telephoneText{
    display: none;
  }
  #officialInfos{
    display: none;
  }
  body{
    padding-top: 115px;
  }
  #explanationBlock{
    padding: 5% 5% 0% 5%;
    font-size: 0.8em;
  }
  /*Decrease link and download image size*/
    .download_link{
      font-size: 0.8em;
    }
    .downloads_img{
      width: 1.4em;
    }
  /*Generating space above form for Doctolib banner*/
    .contact_form_div{
      margin-bottom: 53px;
    }

  #paragraphSeparator{
    width: 9%;
  }
  .block-civrieux{
    padding-top: 0%;
    font-size:0.9em;
  }
  #formTitle{
    font-size: 1em;
  }
  #formWelcome{
    font-size: 0.9em;
  }
  #contact_form_div{
    margin-top: 7%;
    width: 95%;
  }
  #contact_form_div::after{ /*Pseudo element to insert background image with transparency*/
    opacity: 0.3;
    background-size: 300%;
  }
  label{
    font-size: 0.8em;
  }
}
/**
* Reponsive media query for mobile and tablet : orientation portrait
**/

@media screen and (max-width : 896px) and (orientation: portrait) {
  body{
      padding-top: 155px;
  }
  h1{
    font-size: 120%;
  }
  #breakInTitle{
    display: inline;
  }
  #cabinetWord{
    /* color:#18260b; */
  }
  h2{
    font-size: 71%;
  }
  h3{
    padding-top: 1%;
    font-size: 71%;
  }
  #service_interruption{
    font-size: 0.8em;
  }

/*Decrease link and download image size*/
  .download_link{
    font-size: 0.8em;
  }
  .downloads_img{
    width: 1.4em;
  }
/*Generating space above form for Doctolib banner*/
  .contact_form_div{
    margin-bottom: 400px;
  }
  #greenSquare{
    font-size:1.2em;
    color:#9acd70;
  }
  #telephoneText{
    font-size: 0.8em;
  }
  #officialInfos{
    display:block;
    background-color: #9acd70;
    text-align: center;
    margin-top: 1%;
  }
  #officialInfosText{
    font-size: 0.5em;
    color:black;
  }
  #explanationBlock{
    font-size: 0.9em;
    padding: 10% 8% 0 8%;
    margin-top: 5%;
  }
  #paragraphSeparator{
    width: 18%;
  }
  .block-civrieux{
    font-size:0.9em;
  }
  #formTitle{
    font-size: 1em;
  }
  #formWelcome{
    font-size: 0.9em;
  }
  #contact_form_div{
    margin-top: 7%;
    width: 89%;
  }
  #contact_form_div::after{ /*Pseudo element to insert background image with transparency*/
    opacity: 0.3;
    background-size: 320%;
  }
  .observation { display:none; }
  label{
    font-size: 0.8em;
  }
  input[type=submit]{
      margin-bottom: 4%;
  }
}