@media (max-width: 576px) {

  .page-node-type-demarche h1.page-header{
    max-width: 100%;
  }

  .service-small-infos, .service-small-infos > span {
    flex-wrap: wrap;
  }

  .service-small-infos > span:not(:first-child) {
    margin-left: 0;
    margin-top: 10px;
  }

  .service-small-infos > span {
    width: 100%;
  }

  .service-description {
    max-width: 100%;
    text-align: justify;
  }

  .service-pieces .field--name-field-pieces-justificatives article h2 {
    min-width: 230px;
  }

  .service-conditions .field--name-field-les-conditions {
    margin: 0 -10px;
  }

  .service-conditions .field--name-field-les-conditions > .field--item {
    width: 50%;
    padding: 0 10px;
  }
  .service-conditions .field--name-field-les-conditions article {
    margin: 0 0 20px 0;
  }

  .service-conditions .field--name-field-les-conditions article img {
    padding: 20px 45px;
  }

  .service-steps {
    margin-top: 40px;
  }

  .e-service-block {
    display: none;
  }

  .e-service-mobile-block {
    display: block;
    margin-top: 30px;
  }

  .primary-container {
    margin: 20px 0 0 0;
  }

  .audio-player {
    z-index: 99;
    position: fixed;
    bottom: 15px;
    left: 15px;
  }
}