div#container-index {
    background-color: #f1f5f8;
    overflow-x: hidden;
}

div.login-container {
    background-color: #fefefe;
    border: 1px solid #cecece;
    padding-bottom: 8%;
}

div#container-index div.login-container img.logo-login {
    padding-top: 10px;
    padding-bottom: 10px;
}

div#container-index.mostad-cloud div.login-container img.logo-login,
div#container-index.mostad div.login-container img.logo-login {
    max-width: 300px;
}

div#container-index.taxvid div.login-container img.logo-login {
    max-width: 240px;
}

form.login-form input::-webkit-input-placeholder {
    font-family: "Font Awesome 5 Pro", "Helvetica Neue","Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 1em;
}

form.login-form input::-moz-placeholder {
    font-family: "Font Awesome 5 Pro", "Helvetica Neue","Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 1em;
}

form.login-form input:-ms-input-placeholder {
    font-family: "Font Awesome 5 Pro", "Helvetica Neue","Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 1em;
}

form.login-form input:-moz-placeholder {
    font-family: "Font Awesome 5 Pro", "Helvetica Neue","Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 1em;
}

form.login-form input#password, form.login-form input#username {
    font-family: "Helvetica Neue","Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.2em;
}

form.login-form input#emailaddress {
    display: none;
}

@media screen and (min-width: 40em) {
    div.login-container {
        margin-top: 8%;
        margin-bottom: 8%;
    }
}

@media screen and (min-width: 64em) {

    div#container-index.client-centric {
        background: url(../images/main-intro-hero-client-centric.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
    }

    div#container-index.mostad-cloud, div#container-index.mostad {
        background: url(../images/main-intro-hero-mostad-cloud.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
    }

    div#container-index.taxvid {
        background: url(../images/main-intro-hero-taxvid.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
    }
}