/* --------  all screens (default) -----------  */


#passwordLabel{
    width:25%;
    float:left;
}

#passwordReminderLinkBox {
    width:75%;
    float:left;
    text-align:right;
}

.link-message {
    font-size: .8rem;
}




/* --------- iphone portrait -----------  */
/*@media screen and (max-width: 320px) {*/
@media screen and (max-width: 540px) {
#passwordLabel{
    width:25%;
    float:left;
}

#passwordReminderLinkBox {
    width:75%;
    float:left;
    text-align:right;
}
		
}


/* --------- ipad portrait -------------  */

/*
    I think covering both portrait and landscape at once will be fine.
    @media screen and (min-width: 481px) and (max-width: 1366px) and (orientation:portrait) {
    @media screen and (min-width: 481px) and (max-width: 1366px) and (orientation:landscape) {
*/
@media screen and (min-width: 481px) and (max-width: 1366px) {

}