html, body.login { height: 100% }

body.login {
    background: #fff;
}

body.login main {
    background: #fff  url('https://www.yamaha-motor.eu/content/dam/lockscreen/ympulse-hq-background-keyvisual.jpg') no-repeat;
    background-size: cover;
    height: 100%;
}

body.login header { background: #fff; filter: none; padding: 2em 0; color: #000; padding-bottom: 1em; text-align: center; }

body.login header #yamaha-logo { width: 16%; margin-left: auto; margin-right: auto; }
body.login header #yamaha-logo img { display: inline-block; max-width: 100%; }

body.login header #tag-line { margin-top: 1.3em; font-size: 1.1em; color: #666; margin-bottom: 0.5em;}

body.login #fill-details { text-align: center; margin-bottom: 1em; font-size: 1em; font-style: italic; }

body.login #login-container { background-color: rgb(245,245,245); background-color: rgba(245,245,245, 0.95); padding: 2em 40px; border-radius: 4px; box-shadow: #333 0 0 6px; max-width: 400px; margin: 2em auto;}

body.login #login-container label { display: block; margin-top: 0.7em; font-weight: bold; font-size: 0.9em; }
body.login #login-container #dealer-number label { margin-top: 0; }
body.login #login-container input { font-size: 1.3em; width: 100%; background-color: #fff; }

body.login #login-container #remember-me-container { margin-top: 1.5em; }
body.login #login-container #remember-me-container label { display: inline; width: auto; }
body.login #login-container #remember-me-container input { width: auto; }

body.login #login-container .buttons { margin-top: 0.7em; font-size: 1.2em; }
body.login #login-container .buttons #logon { width: 100%; text-align: center; }
body.login #login-container .buttons #reset { margin-top: 1em; display: inline-block; font-size: 0.8em; }

body.login .company { margin-top: 1.5em; color: #fff; }