/* Full-width pages: override Bootstrap’s stepped .container max-widths (e.g. 720px at md). */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: 100% !important;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1400px) {
    .container {
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media screen and (max-width: 1200px) {
    p.loginImg {
        display: none;
    }

    div.login-card {
        min-height: unset; /* Removes the min-height attribute */
    }

    .login-card {
        padding-top: 20px;
        padding-bottom: 20px;
        background-image: none;
    }

    h2.logo {
        color: navy;
    }
}