html, body {
    height:100%;
}
/* background color */
body.private {
    background:#ffffff!important;
}
/* dynamic wrapper element (written with JS) */
.private-wrapper {
    height:100%;
    overflow:scroll;
}
/* content container */
body.private .private-content {
    width:94%; 
    max-width:450px;
    left:50%; 
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    top:60px;
    position:absolute;
}
/* logo (written with JS) */
.springplace-logo {
    width:15.625rem;
}
/* title and description */
.private-content h1, .private-content h1 small {
    color:#000000;	
    text-shadow:none; 
    text-transform:none; 
    letter-spacing:0;
    line-height:1;
    padding:0;
    display:block;
    margin-bottom:0;
}
.private-content h1 {
    font-family:'Springville04 Regular'; 
    font-size:42px; 
    padding:0; 
    margin-bottom:0; 
    margin-top:12rem;
}
.private-content small {
    font-family:'Springtext03Regular'!important; 
    font-size:0; 
    display:block; 
    float:left; 
    content:'';
    visibility:hidden;
    position:relative;
    padding:36px 0 0 0!important;
}
/* description copy goes in the content attribute here */
.private-content small:after {
    content:'';
    line-height:1.5;
    visibility:visible;
    z-index:10;
    position:relative;
    font-size:16px;
}
/* form input */
.private-content .form-holder #access-code-form #access-code-input.email_access {
    font-size:12px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0; 
    width:auto; 
    height:auto; 
    left:auto; 
    background:#ffffff; 
    border:solid 1px #000000;
    color:#000000; 
    width:100%; 
    max-width:360px; 
    padding:0; 
    height:45px;
    font-family:'ArialMT'; 
    margin:45px 0 0 0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
/* placeholder vendor prefixes for various browsers */
::-webkit-input-placeholder { color: #aaaaaa; font-size:12px}
:-ms-input-placeholder { color: #aaaaaa; font-size:12px}
::placeholder { color: #aaaaaa; font-size:12px}
/* button */
.private-content .form-holder #access-code-form .form-submit.normal {
    background:#000000 !important; 
    -webkit-border-radius:0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important; 
    width: 100% !important; 
    max-width:360px; 
    height: 45px !important; 
    left:0 !important; 
    font-size:12px !important; 
    font-family:'ArialMT' !important; 
    color:#ffffff !important; 
    padding:0 !important; 
    margin:7px 0 !important;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
/* hover states for button */
.private-content .form-holder #access-code-form  .form-submit.normal:focus, 
.private-content .form-holder #access-code-form .login-button.form-submit.normal:hover, 
.private-content .form-holder #access-code-form input.form-submit.normal:focus, 
.private-content .form-holder #access-code-form input.form-submit.normal:hover {
    background:#999999 !important; 
    color:#ffffff!important;
}
/* footnote */
.form-holder #access-code-form .below-submit-text {
    font-family:'Springtext03RegularItalic'; 
    font-size:13px; 
    margin-bottom:15px; 
    padding-top:8px;
}
/* error message */
.private-content #access-code-error {
    font-size: 15px !important; 
    font-family:'Springtext03Regular'!important;
}
/* media queries for smaller devices */
@media only screen and (max-width: 500px) {
    body.private .private-content {margin:0 auto; display:block; left:3%; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);} 
    .private-content h1 {font-size: 46px;}
}
@media only screen and (max-width:375px) { 
    .private-content h1 {font-size: 37px;}
}