:root {
    --primary-color: #285daa;
    --background-color: #6694fc;
}
::placeholder {
    opacity: 0.7 !important; 
}

#login-container {
    background:#fff;
    border-radius: 15px;
    padding: 2.3rem 2.3rem;
    min-width: 380px;
    min-height: 380px;
    position: absolute;
    margin: 18rem 21rem;
}
.nadpis {
    max-width: 670px;
    position: absolute;
    margin: 2.5rem 5rem 1rem 5rem;
    color: #ffffff;
}
h2 { 
    color: var(--primary-color);
    font-weight: 300;
    font-size:2.2rem;
    line-height: 3rem;
}
.logo {max-height: 60px}
.logo-klient {max-height: 60px}

.h-block {height:35px}
.h-block-b {height:40px}

.input-group-text {
    color: var(--primary-color);
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #e2e2e2;
}

.form-control {
    color: #111;
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #e2e2e2;
    font-size:1.2rem !important
}
.errorblock {color:#910}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  box-shadow: 0 0 0 #fff;
  outline: 0 none;
}

@media (max-width: 1680px) {
     .nadpis {
        max-width: 560px;
        margin: 1.0rem 2rem 1rem 3rem;
    }
    #login-container {
        margin: 13.5rem 15rem;
    } 
}

@media (max-width: 1500px) {
    .nadpis {
        max-width: 450px;
        margin: 1.0rem 2rem 1rem 1rem;
    }
    #login-container {
        margin: 10.5rem 15rem;
    }    
}

@media (max-width: 1380px) {
    .nadpis {
        max-width: 400px;
        margin: 0.5rem 2rem 1rem 1rem;
    }
    #login-container {
        margin: 8.5rem 18rem;
    }    
}

@media (max-width: 1080px) {
    .nadpis {
        max-width: 380px;
        margin: 0.5rem 2rem 1rem 1rem;
    }
    #login-container {
        margin: 8.5rem 18rem;
    }   
}

@media (max-width: 576px) {
    .nadpis {
        max-width: 335px;
        margin: 2.2rem 1rem;
    }
    #login-container {
        margin: 10rem 1rem;
        min-width: 310px;
    } 
    .mobile-hidden {display:none}
    h2 { 
        font-size:1.63rem;
        line-height: 2.2rem;
    }
    .h-block {height:25px}
    .h-block-b {height:30px}
}