.bgkrem {
    background: #f1ede1!important;
}


.uk-navbar-nav > li > a {
    color: #bc4e38;
    font-weight: bold;
    font-size: 1.2rem;
}


.change:hover {
    color: #f0cfa5;
}

.bgzielony {
    background: #1e8a20;
}

.hzielonyc:hover {
    color:  #1e8a20
}

.hzielony:hover {
    background: #1e8a20!important;
    color: #FFFFFF!important;
}

.przyciskc {
    background: #1e8a20;
    color: #FFFFFF!important;
    border-radius: 6px;
}

.przyciskc:hover {
    background: #222222;
    color: #FFFFFF!important;
    box-shadow: 1px 1px 6px #666;
}

.przyciskb {
    background: #1e8a20;
    color: #FFFFFF!important;
    border-radius: 6px;
}

.przyciskb:hover {
    background: #F8F8F8;
    color: #222222!important;
    box-shadow: 1px 1px 6px #666;
}
.krok {
    font-size: 4rem; 
    font-weight: bold; 
    /*color: #1e8a20;    */
}
.krok:hover {
    color: #FFFFFF;
}

input:invalid,
textarea:invalid {
    border-color: red;
    outline: none;
    box-shadow: 0 0 2px red;
}

input:required:valid,
textarea:required:valid {
    border-color: #4dcc23;
    outline: none;
    box-shadow: 0 0 2px #4dcc23;
}