@media screen and (29em <= width <= 50em) {

  .main--landing
  {
    justify-content: flex-start;
  }
  .logo--holder
  {
    padding-top: 5em;
  }
  .logo--text
  {
    padding-top: 1em;
    font-size: 7em;
  }
  .logo--definition
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.7;
  }
  .logo--holder img
  {
    max-width: 90%;
  }
  .login--body {
    width: 100%;
  }
  footer
  {
    font-size: 1.5em;
  }


}

/* standard cell phone, I think */
@media (17em <= width <= 28.99em)  {

  .main--landing
  {
    justify-content: flex-start;
  }
  .logo--holder
  {
    padding-top: 5em;
  }
  .logo--text
  {
    padding-top: 1em;
    font-size: 5em;
  }
  .logo--definition
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.9;
    padding-top: 25px;
  }
  .logo--holder img
  {
    max-width: 90%;
  }
  .login--body {
    width: 100%;
  }
  .swal--text--header {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .swal--text--body {
    padding-top: 20px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.7em;
  }
  footer
  {
    font-size: 1.1em;
    line-height: 1.3;
  }


}

@media (0.1em <= width <= 16.99em)  {

  .main--landing
  {
    justify-content: flex-start;
  }
  .logo--holder
  {
    padding-top: 5em;
  }
  .logo--text
  {
    padding-top: 1em;
    font-size: 3em;
  }
  .logo--definition
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.7;
    font-size: 0.8em;
  }
  .logo--holder img
  {
    max-width: 90%;
  }

  .login--body {
    width: 100%;
  }

  footer
  {
    font-size: 1.2em;
    line-height: 1.5;
    padding-left: 55px;
    padding-right: 55px;
    line-height: 1.3;
    bottom: 60px;
  }


}