body > main > section > article {margin:0 auto;}
article {width:60%;margin:0 auto;padding:0;}
article form > ul {list-style:none; margin:2em 0 0; padding:0;}
article li {display:flex; margin:0 0 .6em 0; align-items:center;}
article li > label {width:8em;font:bold .9em  Arial;color:rgb(120,120,120); letter-spacing:-.05em;}
article li > a {margin-left:1em;}
article input {font-size:large;}
#rememberMe {margin-left:1.2em;}
.error {font:bold .85em Arial; color: rgb(160,0,0);margin-top:.5em;}
.error:before {font:normal .8em icons; content:'\ea0e'; margin: auto 1em 0 0;}

input.accepted,input.accepted:hover   { background-color: rgb(240,255,240);}
input.rejected,input.rejected:hover   { background-color: rgb(255,240,240);}

input#rfMail {border-color:rgb(0, 137, 255);}

#nodetails + label {color: #1573ad; font-size:85%; cursor:pointer;}
#nodetails:checked ~ ul {display:none;}
article li > span {display:none;color:rgb(160,0,0);font-weight:bold;font-size:.9em;padding:0 1em;width:14em;}
article > form > div > p { margin-top:1.5em!important;}


html {background: transparent;}

body.car 
{
	background-image: url('/upload/f8202ca278e5608717c5f33903694ea3.jpg');    
    background-size: 100%;
    background-position-y: 6rem;
    background-repeat: space;
    background-color: black;
	color:white;
}

#registerButton {margin-right: .5em;}

body.car main {min-height:50rem;}
body.car footer {text-shadow: .015em .015em .1em rgb(0,0,0);}
body.car footer a {color:white;}

@media screen  and (max-width: 40rem)
{    
	article {width:92%;}
    article li > label {width:100%;margin: 0; align-items: stretch; display:flex;}
    article li:not(:last-child),
    article li:first-child,
    article#registerForm li { flex-flow: column wrap;}
    article li > a {width:100%;text-align:right;margin:0;}    
    
	body.car main {min-height:auto;}
	body.car 
	{
	    background-position: 0% -20%;	    	
	}
	
}