body { 
    font-family: serif, "Helvetica", "Arial", Sans-serif;
    //font-size: 15px;
    font-size: 1.2em;
    //line-height: 19px;
    line-height: 1.32em;
} 

body a, a:link, a:visited {
    text-decoration: none;
    letter-spacing: 0px;
    color: #000;
}

body a:hover {
    color: gray;
}

span {
    color: gray;
    text-decoration: none;
}

li {
    //margin-top: 0.2em;
} 


#procitan {
    text-decoration: line-through;
}

hr {
    height: 1px;
    background-color: gray;
    border: 0;
}

.unos_tekst { 
    width: 50%; 
    height: 20px;
    border: 1px solid #000;
    font-size: 11px;
} 

.unos_pass { 
    width: 64px; 
    height: 20px;
    border: 1px solid #000;
    font-size: 11px;
} 

.crvena { 
    color: red;
    }

.arhiva {
    color: gray;
    display: inline;
}

.arhiva a:hover {
    color: red;
}

@media screen and (max-width: 980px){
body {
    font-family: serif, "Helvetica", "Arial", Sans-serif;
    width: 100%;
    font-size: 3.2em;
    line-height: 1em;
    word-wrap: break-word;
    }

#wrapper { 
    width: 100%;
    }

.unos_tekst {
    color: black;
    width: 70%;
    height: auto;
    font-size: 1em;
}

.spremi_button { 
    width: 3.2em;
    font-size: 1em;
    }

.unos_pass { 
    width: 20%; 
    height: auto;
    border: 1px solid #000;
    font-size: 1em;
} 

.login_button { 
    font-size: 1em; 
    }
    margin-top: 0.4em;
}

@media only screen and (max-device-width: 480px) {
li {
    margin-top: 0.4em;
}

    }