body{
  background:#efefef;
}

.login-page{
    max-width:450px;
    margin:0 auto;
    margin-top:5%;
    background:#fff;
    padding:20px;
}
.login-page .logo{
  text-align:center;
  padding-bottom:20px;
}
.page-error-box{background:#fff;border:solid 1px #d8e2e7;-webkit-border-radius:5px;border-radius:5px;padding:50px 30px 55px;text-align:center;margin:0 auto;width:100%;max-width:475px;color:#919fa9;line-height:1}.page-error-box .error-code{font-size:9.375rem;font-weight:600}.page-error-box .error-title{font-size:2.25rem;font-weight:600;margin:0 0 1.5rem}@media (max-width:767px){.page-error-box{padding:25px 15px}.page-error-box .error-code{font-size:5.5rem}.page-error-box .error-title{font-size:1.5rem}}


.page-template {
  max-width: 900px;
  margin: 40px auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  padding: 40px 30px;
}

@media (max-width: 767px) {
  .page-template {
    padding: 20px 10px;
    max-width: 100%;
    margin: 20px 0;
  }
}