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

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

}