body {
    background-color: #fff
}
#auth {
    height: 100vh;
    overflow-x: hidden
}
#auth #auth-right {
    height: 100%;
    background: url(../../assets/img/bg/sala03.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    margin-left: -25px;
}
#auth #auth-right2 {
    height: 100%;
    background: url(../../assets/img/bg/404-03.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
#auth #auth-left {
    /*padding: 5rem 8rem*/
  padding: 4rem 8rem 2rem 8rem;
}
#auth .copy-left {
  border: 1px none red;
  width: 100%;
  font-size: 13px;
  margin-top: 50px;
  text-align: center;
}
#auth #auth-left.error404 {
    padding: 4rem 2rem;
    text-align: center;
    transform: translateY(30%);
}

#auth #auth-left .auth-title {
    font-size: 4rem;
    margin-bottom: 1rem
}
#auth #auth-left .auth-subtitle {
    font-size: 1.7rem;
    line-height: 2.5rem;
    color: #a8aebb
}
#auth #auth-left .auth-logo {
    margin-bottom: 7rem
}
#auth #auth-left .auth-logo img {
    height: 3.5rem
}

/* forms */
#auth #auth-left-form {
  padding: 1rem 4rem 1rem 4rem;
}
#auth #auth-left-form .auth-title {
    font-size: 3rem;
    margin-bottom: 1rem
}
#auth #auth-left-form .auth-subtitle {
    font-size: 1.7rem;
    line-height: 2.5rem;
    color: #a8aebb
}
#auth #auth-left-form .auth-logo {
    margin-bottom: 2.5rem
}
#auth #auth-left-form .auth-logo img {
    height: 3.5rem
}


@media screen and (max-width:767px) {
  #auth #auth-left .auth-logo {
    margin-bottom: 3rem;
  }
  #auth #auth-left {
    padding: 2rem
  }
  #auth #auth-left.error404 {
      padding: 4rem 2rem;
      text-align: center;
      transform: translateY(20%);
  }
}

@media screen and (width:320px) and (height: 568px) {
  /*#auth #auth-left .auth-logo {
    margin-bottom: 3rem;
  }
  #auth #auth-left {
    padding: 2rem
  }*/
  #auth #auth-left.error404 {
      padding: 2rem 1rem;
      text-align: center;
      transform: translateY(10%);
  }
}

@media screen and (min-width:1200px) and (max-width:2000px) and (max-height:1024px){
  #auth #auth-left {
      /*padding: 4rem 14rem 2rem 14rem;*/
      padding: 4rem 8rem 2rem 8rem;
  }
}

@media screen and (min-width:2200px) and (max-width:4000px) and (max-height:1824px){
  #auth #auth-left.error404 {
      transform: translateY(50%);
  }
}