@media screen and (max-width: 1100px) {
  .submission-card-cost {
      margin-left: unset;
      margin-top: 13px;
      text-align: left !important;!i;!;
  }

  .submission-category>.flex-h {
      flex-direction: row;
      flex-wrap: wrap;
  }

  .content-container .article-flex-box, .page .article-flex-box {
      padding-left: 25px;
      padding-right: 25px;
  }

  .submission-category:not(.free) .submission-card-buttons.flex-h {
      margin-top: 20px;
  }

  .submission-category.guidelines-open .guideline-block {
      display: block;
      margin-top: 30px;
      border-top: 1px solid #e9e9e9;
      padding-top: 30px;
  }

  .submission-category.guidelines-open {
      padding-bottom: 30px !important;!i;!;
  }


}

@media screen and (max-width: 1390px){
  .organizations .organization {
    width: calc(100% / 2 - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 300px;
}
}

@media screen and (max-width: 880px){
  .splash svg{
    width: 80%;
    transform: translate(0, -30px);
  }

  .login-pad {
  }

  .flex-v.login-window {
      width: 100%;
      min-width: unset;
      max-width: unset;
  }

  .flex-v.login-window .login-pad {
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 25px;
      padding-bottom: 50px;
      top: 0;
  }

  .login-pad h1{
      font-size:28px;
  }

  .login-pad {
      margin: 30px auto;
  }

  .login-pad.register-pad {
    /*top: 2% !important;*/
    margin-top: 30px;
  }

  .button-bar#proceed button {
    width: 50%;
    font-size: 14px;
  }

  .button-bar#proceed {
      width: 100%;
  }

  div#no-credentials {
    padding: 8%;
  }

  [block='address']:not(.complete) h2 .button-bar {
      margin-right: unset;
  }

  table#runs-list tr td:nth-child(1), table#runs-list tr th:nth-child(1) {
      display: none;
  }

  .login-window .logo-word-mark {
    margin-left: 45px;
  }

  a#profile, a#discover, a#help, a#my-submissions {
    display: none;
}

.help-page-header {
    padding: 45px 20px;
}

.help-page-header h1 {
    font-size: 32px;
}

.help-faq-layout .help-faq-note {
    margin-bottom: 0;
    width: 100%;
}

.help-faq-layout .help-faq-topics {
    box-sizing: border-box;
    width: 100%;
    margin-left: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto;
    row-gap: 25px;
}

.help-faq-layout .help-faq-topics > a {
    display: block;
    min-width: 0;
}

.help-faq-layout .help-faq-topics .topic {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 90px;
    margin: 0;
    line-height: 1.4;
}
}

@media screen and (max-width: 620px) {
  .verify-page .verify-action-buttons {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .verify-page .verify-action-buttons > button {
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-right: 0 !important;
    width: 100% !important;
  }
}

@media screen and (max-height: 1000px){
  .login-pad.register-pad {
  }
}


@media screen and (max-height: 770px){
  .login-pad.register-pad {
    padding-bottom: 100px;
    height: auto;
    overflow: visible;
  }
}

.submission-category {
    padding: 14px 20px;
}

.submission-title-card>h2 {
    font-size: 19px;
}


.modal-presentation .modal {
    max-width: 100%;
    max-height: 100%;
}