html, body { background-color:#edebe4; }

div.account-main { background-color:#edebe4; position:relative; background-attachment:fixed; background-position:center center; background-size:cover; padding-bottom:200px; }

div.account-main div.logo-membership { width:200px; }
div.account-main div.logo-membership img { max-width:100%; max-height:65px; margin-bottom:30px; }

div.account-main div.account-panel { width:400px; position:relative; top:70px; margin:0 auto; height:auto; min-height:250px; -webkit-box-shadow: 0px 1px 4px 0px rgba(120, 109, 89, 0.55) !important; -moz-box-shadow: 0px 1px 4px 0px rgba(120, 109, 89, 0.55) !important; box-shadow: 0px 1px 4px 0px rgba(120, 109, 89, 0.55) !important; }

div.account-main div.account-panel div.logo-default { width:85px; margin-bottom:25px; }
div.account-main div.account-panel div.logo-default img { width:100%; }

div.account-main div.account-panel div.account-panel-loading { background-color:rgba(26, 36, 47, 0.75); position:absolute; top:0; bottom:0; left:0; right:0; }
div.account-main div.account-panel div.account-panel-loading img { position:absolute; top:100px; width:150px; left:30%; }


/* 
================================
    DEFAULT : LARGE SCREEN
================================
*/
@media (min-width: 1600px) and (max-width: 3200px) {
    
     div.account-main { height:100vh; }
}


/* 
================================
   MOBILE : REGULAR PHONE
================================
*/

@media (min-width: 280px) and (max-width: 450px) {
   
    div.account-main div.account-panel { width:100%; top:40px; }
    div.account-main { height:100vh; }
}