body { font-size: 14px; }

#pageContainer {  width: 100%; }

#registerContainer { width: 480px; margin: 0 auto; margin-bottom: 200px; float: right; margin-right: 12%; }

#loginContainer { width: 480px; margin: 0 auto; margin-bottom: 200px; }

#registerContainer h3 { color: #333333; font-size: 18px; }

#pageContainer h1 { color: #181818; font-size: 23px; }

#pageContainer h2 { color: #333333; font-size: 14px; }

.email, .password { background-color: #fff; border: 1px solid #ededed; padding: 10px; width: 100%; box-sizing: border-box; margin-top: 10px; }

.loginSubmit { -webkit-border-radius: 1px; -moz-border-radius: 1px;  border-radius: 1px; color: #ffffff; font-size: 13px; font-weight: bold; background: #4c4c4c; padding: 14px 186px 14px 186px; text-decoration: none; border: none; cursor: pointer; margin-bottom: 10px; width: 100%; }

.loginSubmit:hover { background: #3d3b3d; text-decoration: none; }

#registerSubmit { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; color: #ffffff; font-size: 13px; font-weight: bold; background: #4c4c4c; padding: 14px 220px 14px 220px; text-decoration: none; border: none; margin-top: 10px; cursor: pointer; }

#registerSubmit:hover { background: #3d3b3d; text-decoration: none; }
   
ul.checkmark li { background:url("/img/checkmark.png") no-repeat 0 50%; padding-left: 20px; }

ul.checkmark { list-style-type: none; margin-top: -10px; margin-bottom: 26px; }

.checkmark li { color: #606060; font-size: 13px; padding-top: 5px; margin-left: -20px; }

#registerContainer p { color: #84868d; font-size: 11px; }

hr.vertical { width: 0px; height: 400px; background-color: #e1e1e1; width: 3px; border: none; left: 0; right: 0; position: absolute; }

@media all and (max-width: 1500px) {

hr.vertical { display: none; }

#loginContainer { margin: 0 auto; margin-bottom: 30px; float: none; }

#registerContainer { border-top: 1px solid #e1e1e1; margin: 0 auto; float: none; margin-bottom: 60px; }

#registerSubmit { padding: 14px 213px 14px 213px; }
    
}

@media all and (max-width: 600px) { 
    
    #loginContainer, #registerContainer {  width:100%; }

    .loginSubmit, #registerSubmit { width: 100%; padding: 20px 20px; }

}