@media screen and (max-width: 780px) {
  /* line 3, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
  #pdg {
    height: auto !important;
    min-height: calc(100vh - var(--header-height));
    padding-bottom: 5rem; }
    /* line 8, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
    #pdg h1 {
      margin-bottom: 2rem; }
    /* line 12, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
    #pdg .wrapper {
      flex-direction: column-reverse;
      gap: 1rem; }
      /* line 17, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
      #pdg .wrapper .l img {
        width: 15rem;
        box-shadow: -1rem -1rem 0 black; }
      /* line 23, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
      #pdg .wrapper .r {
        padding: 0 1.5rem; }
  /* line 30, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
  #valeurs .wrapper {
    flex-direction: column-reverse;
    gap: 1rem; }
    /* line 35, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
    #valeurs .wrapper .l img {
      width: 20rem;
      aspect-ratio: 2 / 3;
      object-fit: cover;
      object-position: center;
      box-shadow: -1rem -1rem 0 black; }
    /* line 45, app_site/static/scss/app_site/page_a_propos/style.mobile.scss */
    #valeurs .wrapper .r {
      padding: 0 1.5rem; } }