@media (min-width : 1400px) {
  #main > * {
    max-width : 50% !important;
  }
}

@media (min-width : 1024px) {

  #main {
    max-width  : 70%;
    min-height : 50vh;
    padding    : 25px 0;
  }

  #password #main {
    max-width  : 100%;
    min-height : 50vh;
    padding    : 25px 0;
  }

  #main > * {
    width     : 100%;
    max-width : 70%;
  }
}

@media screen and (max-width : 767px) {
  .card-block {
    padding : 1.25rem;
  }

  #main {
    position  : relative;
    width     : 100%;
    margin    : 0 auto;
    max-width : var(--container-primary-max-width);
  }
}