.pw-box {
  width: 350px;
  padding: 5px;
  border: 1px solid silver;
  display: table-cell;
}

.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}

.form-container {
  display: table;
  border-collapse: separate;
  border-spacing: 8px 30px;
}

.custom-login-button {
  width: 350px;
  background-color: rgb(var(--blue));
  color: rgb(var(--white));
  padding: 10px 0;
  font-size: 110%;
  border: none;
  cursor: pointer;
  display: table-cell;
}

.custom-login-button.width-wide {
	width: 400px;
	font-size: 14px;
}

@media (max-width: 960px) {
  .form-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .table-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }

  .custom-login-button,
  .pw-box {
    max-width: 70%;
  }
	
  .custom-login-button.width-wide {
    font-size: 10px;
	  max-width: 80%;
  }

  .table-cell {
    display: flex;
  }

  .table-cell.label-container {
    margin-right: 140px;
  }
}