.law{
        height: 100vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .logo-box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        flex-direction: column;
    }
    .slika{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
    .slika img {
        width: 40%;

    }
    .epestek-title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .epestek-title h1 {
        text-transform: uppercase;
        font-weight: bold;
        color: #272727;
    }
    .epestek-title h4 {
        color: rgb(82, 81, 81);
    }

    .login-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: column;
    }
    .card {
        width: 100% !important;
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
    }
    .bottom-info {
        color: #3b3227;
        font-size: 10px;
        margin-top: 5px;
    }
    .top-card-header {
        background-color: #b891615e !important;
    }
    .copyright {
        color: #e0dad3;
        font-size: 10px;

    }
    .card {
        background-color: rgba(255, 255, 255, 0.171) !important;
    }