.login-container {
    width: 558px;
    margin-left: auto;
    margin-right: auto;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

html {
    font-size: 14px;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}


.register_acc_link {
    color: #10abe2;
    text-decoration: underline;
    font-size: x-large;
    width: 50%;
    align-self: start;
    text-shadow: 0.6px 0.6px 0.6px #3cbcc9;
}

.nav_large_screen {
    display: flex;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.login_header {
    margin-top: -4rem;
    margin-bottom: 4rem;
    font-family: bold;
}


@media all {
    .page-break {
        display: none;
    }
}

@media print {
    html, body {
        height: initial !important;
        overflow: initial !important;
        -webkit-print-color-adjust: exact;
    }
}

@media print {
    .page-break {
        margin-top: 1rem;
        display: block;
        page-break-before: auto;
    }
}

@page {
    size: auto;
    margin: 20mm;
}


@media only screen and (max-width: 1066px) {
    .nav_large_screen {
        display: none;
    }

    .btn {
        font-family: 'Cinzel', serif;
        font-size: small;
        font-family: sans-serif;
    }

    .login_btn {
        background-color: #4daeda;
        color: black;
    }

    .forgot_psw_p {
        font-size: large;
        text-decoration: underline;
        width: 50%;
        align-self: flex-end;
    }

    .key {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(340deg);
    }
}