.signup                             {min-height:200px; background-color:white; margin:20px 0 0px 0; padding:50px 0 20px 0; color:black;}        
.signup h1                          {font-size:30px; color:#102230; margin:0 0 30px 0;}        
.signup h6                          {font-size:12px; font-weight:normal; line-height:1.5em; margin:90px 0 0 0;}        
.signupcontainer                    {display:flex; justify-content:center; align-items:center top; width:100%;flex-direction: row; flex-wrap:wrap;}
.signupcontainer .form              {border:0px blue solid; width:450px; min-height:300px; padding:0; text-align:left;}
.signupcontainer .form .fields      {padding:0; display:flex; flex-direction: column; width:100%}
.signupcontainer .form .buttons     {padding:0; margin:0; display:flex; flex-direction: row; justify-content:space-between; width:100%}
.signupcontainer .info              {border:0px green solid;; width:450px; min-height:300px; padding:20px;  text-align:left;}
.signup .illustration               {width:50px; padding:0px; margin:220px 100px 200px 0; transition: transform 0.5s}
.signup .zoom                       {transform: scale(10);}        
.signup a                           {text-decoration:underline}
.footer                             {position:; bottom:0; width:100%}
.signup p                           {margin-top:20px;}
.infoicon                           {width:30px; margin:10px -10px 0 0px; cursor:pointer; opacity:0.5}
.infoicon:hover                     {opacity:1}
.panelcontent                       {position:relative;}

/*#####################################################################*/
/*# Mobile Styles (< 900 px screen width)                             #*/
/*#####################################################################*/
@media only screen and (max-width: 900px) 
{
    .signup                         {margin-top:30px; border:0px red solid}
    .footer                         {position:relative;}
    .signup .zoom                   {transform: scale(6);}        
    .signup .illustration           {display:none; width:50px; padding:0px; margin:120px 0 100px 0; transition: transform 0.5s}
    .signup h6                      {font-size:12px; font-weight:normal; line-height:1.5em; margin:60px 0 0 0;}        
    .signupcontainer .form          {border:0px red solid; width:450px; min-height:300px; padding:0px 40px 20px 20px; text-align:left;}
}