.img-responsive{
    max-height: 100%;
}

.img-disabled {
    filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

.alert-success {
    color: #000;
    background-color: #00c9c4;
    border-color: #00c9c4;
}

.alert-danger {
    color: white;
    background-color: #cc0b21;
    border-color: #cc0b21;
}

.mobile-logo{
    background-color: #cc0b21 !important;
}

.navbar {
    min-height: 53px;
    border-radius: 0;
}

.navbar-inverse .mobile-logo:hover{
    background-color: #cc0b21 !important;
}

.navbar-inverse .navbar-toggle:hover{
    background-color: #000;
}

.help-block {
    color: #000;
}

.hl-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#wrap-side{
    height: 490px;
    background: none;
    background-size: cover;
    background-position: top;

}
#wrap {
    height: 480px;
    color: #00c9c4;;
}



.rules-main {
    float: right;
}
.pwd-lost-q a {
    color: #00c9c4;
    text-decoration: underline;
}

.pwd-lost-q a:hover{
    color: #00c9c4;
    text-decoration: underline;
}

@media (min-width: 320px) {
    .container {
        width: 300px;
    }
    #wrap-side {
        height: auto;
        background: none;
        background-size: cover;
        background-position: top;
    }
    .block {
        height: 92%;
        text-align: right;
        padding-right: unset;
        background: transparent;
        border: none;
        margin: 0;
        /* margin-top: 60px; */
    }
    .login-box {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        padding: 10px 15px;
        background-clip: padding-box;
        text-align: left;
    }
}

@media (min-width: 480px) {
    .container {
        width: 460px;
    }
    #wrap-side {
        height: auto;
        background: none;
        background-size: cover;
        background-position: top;
    }
    .block {
        height: 92%;
        text-align: right;
        padding-right: unset;
        background: transparent;
        border: none;
        margin: 0;
        /* margin-top: 60px; */
    }
    .login-box {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        padding: 10px 15px;
        background-clip: padding-box;
        text-align: left;
    }
}

@media (min-width: 768px) {
    .container {
        width: 748px;
    }
    #wrap-side {
        min-height: 500px;
        background: url(https://www.briju.pl/pliki/karty/panel-grafika.png);
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
    }
    .max-width{
        width:100%;
    }

    .block {
        height: 90%;
        text-align: right;
        padding-right: 0;
        background: transparent;
        border: none;
        margin: 20px;
        margin-top: 0;
    }
    .login-box {
        display: inline-block;
        vertical-align: middle;
        width: 300px;
        padding: 10px;
        background-clip: padding-box;
        text-align: left;
    }


}

@media (min-width: 1000px) {
    .container {
        width: 980px;
    }
    .max-width{
        width:100%;
    }
    .block {
        height: 92%;
        text-align: right;
        padding-right: 6%;
        background: transparent;
        border: none;
        margin: 20px;
        margin-top: 60px;
    }
    #wrap-side{
        min-height: 500px;
        background: url(https://www.briju.pl/pliki/karty/panel-grafika.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;

    }
    .login-box{
        display: inline-block;
        vertical-align: middle;
        width: 400px;
        padding: 10px 15px;
        background-clip: padding-box;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1180px;
    }
    #wrap-side{
        height: 490px;
        background: url(https://www.briju.pl/pliki/karty/panel-grafika.png);
        background-size: cover;
        background-position: top;

    }
}