div.main{
  background: #343a40;
  height:calc(100vh);
  width:100%;
}

* {
  box-sizing: border-box;
  margin: 0px auto;
  &:before,
  &:after {
    box-sizing: border-box;
  }
}


.container {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px){
  #login_form{
    border-right:1px solid #fff;
    padding-right:50px;
  }
}