.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.form-control {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

#userSigninLogin, #userSigninPassword {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 1024px) {
    #navigation-mobile {
        width: 100%;
        left: 0;
        top: -100vh;
        background-color: #000;
        border: none;
        z-index: 2;
    }
    #navigation-mobile.navigation-mobile-active {
        top: 0;
    }
}
.oc-flash-message.error {
    background: #cc3300 !important;
}