body {background-color: #55bab8; background-size: cover; background-position: 50%; }

.cp-auth {width: 50%; margin: 0 auto; padding-top: 100px; text-align: center; color: #FFF;}

.cp-auth #userPreLogin {padding: 30px 30px 220px 0; border-right: 2px dashed #CCC;}
.cp-auth #userPreLogin > form {overflow: hidden; opacity: 0.75;}
.cp-auth .user-reg-icon {font-size: 12em; color: #FFF;}
.cp-auth #userRegShow {padding: 15px;}
.cp-auth #userRegMain {padding: 30px 0 30px 30px; margin-top: 30px;}
.cp-auth #userRegInfo {overflow: hidden;}
.cp-auth #userRegInfo > div:nth-child(1) {font-size: 3em; font-weight: bold; line-height: 1;}
.cp-auth #userRegInfo > div:nth-child(2) {line-height: 24px; margin: 50px 0 70px; font-size: 1em; }
.cp-auth #userRegInfo > div:nth-child(3) {font-size: 3em; font-weight: bold; line-height: 1;}
.cp-auth #userRegForm {display: none; opacity: 0.75;}
.cp-auth #userRegForm .user-reg-attention {line-height: 20px; font-size: 0.75em;}

@media screen and (max-width: 991px) {
    .cp-auth {width: 100%;}
    .cp-auth #userPreLogin {padding: 0; border-right: 0; overflow: hidden;}
    .cp-auth #userRegMain {padding: 0; margin-top: 60px;}
    .cp-auth #userRegInfo > div:nth-child(2) {margin: 32px 0;}
    .cp-auth #userRegForm .user-reg-attention {line-height: 32px; font-size: 0.75em;}

    .cp-auth #userRegSubmit {width: 100%;}
}