@media screen and (max-width: 768px) {
  /* line 2, app_site/static/scss/app_site/page_contact/style.mobile.scss */
  #pdg {
    height: 100% !important; }
    /* line 6, app_site/static/scss/app_site/page_contact/style.mobile.scss */
    #pdg .wrapper .content {
      flex-direction: column-reverse;
      align-items: center;
      gap: 2rem;
      padding-bottom: 0; }
      /* line 13, app_site/static/scss/app_site/page_contact/style.mobile.scss */
      #pdg .wrapper .content form button {
        margin-top: 1rem; }
      /* line 18, app_site/static/scss/app_site/page_contact/style.mobile.scss */
      #pdg .wrapper .content > ul {
        flex-direction: row;
        width: 95%; }
  /* line 26, app_site/static/scss/app_site/page_contact/style.mobile.scss */
  #complete-form-txt {
    display: block !important;
    margin-top: 3rem; }
    /* line 30, app_site/static/scss/app_site/page_contact/style.mobile.scss */
    #complete-form-txt p {
      font-size: var(--site-h4);
      font-family: var(--font-3), sans-serif;
      padding: 2rem 0; } }

@media screen and (max-width: 515px) {
  /* line 39, app_site/static/scss/app_site/page_contact/style.mobile.scss */
  #complete-form-txt p {
    padding-bottom: 0; }
  /* line 44, app_site/static/scss/app_site/page_contact/style.mobile.scss */
  #pdg .wrapper .content .title-div {
    flex-direction: row; }
    /* line 46, app_site/static/scss/app_site/page_contact/style.mobile.scss */
    #pdg .wrapper .content .title-div img {
      height: 3rem; }
  /* line 50, app_site/static/scss/app_site/page_contact/style.mobile.scss */
  #pdg .wrapper .content > ul {
    flex-direction: column; } }