.sign-in {
  margin: 0;
  background: #f4f4f6;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  min-height: 100%; }
  .sign-in__main {
    flex: 1 0 auto;
    background-image: url(../img/room-background.jpg);
    background-position-y: -70px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 702px; }
    @media screen and (max-width: 550px) {
      .sign-in__main {
        min-height: 520px; } }
    @media screen and (max-width: 1439px) {
      .sign-in__main {
        background-position: center; } }
    @media screen and (min-height: 1197px) {
      .sign-in__main {
        background-position: center; } }
  .sign-in__footer {
    flex: 0 0 auto; }

.login {
  margin: 172px auto 0; }
  @media screen and (max-width: 550px) {
    .login {
      margin-top: 81px; } }