@media all and (min-width:1px) 
{
    #maincontainer { width: 100%; min-height: 100px; clear: both; float: left; box-sizing: border-box; background-color: #FFFFFF; }
    
    #login-container { float: left; clear: both; width: 100%; box-sizing: border-box; } 
    #login-wrapper { float: left; clear: both; width: 100%; box-sizing: border-box; padding: 2em; } 

    #login-username { padding-left: 5px; width: 250px; }
    #login-password { padding-left: 5px; width: 250px; }
    
    #login-title-container { width: 100%; clear: both; float: left; box-sizing: border-box; }
    #login-title-wrapper { width: 100%; clear: both; float: none; text-align: center; box-sizing: border-box; font-weight: bold; }
    
    #login-description-container { width: 100%; clear: both; float: left; box-sizing: border-box; }
    #login-description-wrapper { width: 100%; clear: both; float: none; text-align: center; box-sizing: border-box; padding: 1em 0 1em 0; }

    #login-content-container { width: 100%; clear: both; float: left; box-sizing: border-box; }
    #login-content-wrapper { width: 100%; clear: both; float: left; text-align: center; box-sizing: border-box; padding: 1em 0 1em 0; }
    #login-content-wrapper > div:nth-of-type(1) { width: 100%; clear: both; float: none; box-sizing: border-box; padding: 0 0 0 0; font-weight: bold; }
    #login-content-wrapper > div:nth-of-type(2) { width: 100%; clear: both; float: none; box-sizing: border-box; padding: 0.25em 0 1em 0; }
    #login-content-wrapper > div:nth-of-type(3) { width: 100%; clear: both; float: none; box-sizing: border-box; padding: 0 0 0 0; font-weight: bold; }
    #login-content-wrapper > div:nth-of-type(4) { width: 100%; clear: both; float: none; box-sizing: border-box; padding: 0.25em 0 2em 0; }
    #login-content-wrapper > div:nth-of-type(5) { width: 100%; clear: both; float: none; box-sizing: border-box; padding: 0.25em 0 1em 0; }
    #login-content-wrapper > div:nth-of-type(6) { width: 100%; clear: both; float: none; box-sizing: border-box; padding: 0.25em 0 1em 0; }
}
@media (min-width: 1024px) 
{
    #maincontainer { width: 100%; min-height: 550px; clear: both; float: left; box-sizing: border-box; background-color: #FFFFFF; }
}