.forgottenpassword                             {min-height:200px; background-color:white; margin:20px 0 0px 0; padding:50px 0 20px 0; color:black;}        
.forgottenpassword h1                          {font-size:30px; color:#102230; margin:0 0 20px 0;}        
.forgottenpassword h6                          {font-size:12px; font-weight:normal; line-height:1.5em; margin:90px 0 0 0;}        
.forgottenpasswordcontainer                    {display:flex; justify-content:center; align-items:center top; width:100%;flex-direction: row; flex-wrap:wrap;}
.forgottenpasswordcontainer .form              {border:0px blue solid; width:450px; padding:0; text-align:left;}
.forgottenpasswordcontainer .form .fields      {padding:0; display:flex; flex-direction: column; width:100%}
.forgottenpasswordcontainer .form .buttons     {padding:0; margin:0; display:flex; flex-direction: row; justify-content:space-between; width:100%}
.forgottenpasswordcontainer .info              {border:0px green solid;; width:450px; min-height:300px; padding:20px;  text-align:left;}
.forgottenpassword .illustration               {width:50px; padding:0px;  transition: transform 0.5s}
.enteremail                                    {margin:250px 100px 300px 0;}
.emailsent                                     {margin:250px 0px 300px 0;}
.resetpassword                                 {margin:250px 100px 300px 0;}
.passwordreset                                 {margin:250px 0 300px 0;}

.forgottenpassword .zoom                       {transform: scale(10);}        
.forgottenpassword a                           {color:#102230; text-decoration:underline}
.footer                                        {position:; bottom:0; width:100%}

.signup p                                      {margin-top:20px;}

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