#SignUpNow {display:flex; background:linear-gradient(to top left, #397100, #6C0);  justify-content:center; flex-wrap:wrap; color:white }


	#SignUpNow > h2, #SignUpNow > h4 { text-align: center; width: 100%; color: white; padding-left:10px; padding-right:10px }

	#SignUpNow > h4 {margin-bottom:20px}


#SignUpNow > * { max-width:100%;}


#SignUpNow > form {width:600px}
#SignUpNow > div {margin-left:10px; margin-right:10px}

#SignUpNow form {display:flex; flex-wrap:wrap; padding-left:20px; padding-top:20px}



#SignUpNow form[name="confirm-passwords"] {justify-content:center; width:auto}
#SignUpNow form[name="confirm-passwords"] > span:first-child {flex-basis:100%; text-align:center; font-size:20px}
#SignUpNow form[name="confirm-passwords"] input {flex-grow:1}


#SignUpNow form > * {margin-right:20px; margin-bottom:20px}
#SignUpNow form > *:last-child {margin-bottom:0px}



#SignUpNow div.success {color:white; padding-top:20px; margin-top:20px; border-top:4px solid white; border-bottom:4px solid white; padding-bottom:20px}

#SignUpNow form > input {padding:10px; border-radius:10px; -webkit-appearance:none; border:none}


#SignUpNow form > input[type='submit'] {background-color:#6C0; color:white; font-size:20px}

#SignUpNow form[name="confirm-passwords"] > input[type='submit'] {flex-basis:100%;}


#SignUpNow form > input[type='email'] {width:100%}
#SignUpNow form > input[type='text'] {flex-grow:1}


#SignUpNow form > span { font-size:12px; display:block; }
#SignUpNow form > input ~ span {padding-right:29%; color:rgba(255,255,255,0.5);}
#SignUpNow form > span a {color:white; text-decoration:underline; white-space:nowrap}


#SignUpNow div[class$='Exception'],
#SignUpNow div.error {flex-basis:100%; padding:10px; font-weight:bold; text-align:center;  border-top:4px solid red; border-bottom:4px solid red }

#SignUpNow div[class$='Exception'] {font-size:12px}
#SignUpNow div.error {font-size:17px}