.logo {
    height: calc(9em * 0.209);
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 1.25em;
    transform-origin: 50% 50%;
    margin-top: 0.625rem;
}
#eu {
    width: 9em;
    background-image: url("../images/co-funded_by_the_eu.svg");
    margin-right: 0;
}
#minkm {
    width: calc(9em * 0.209 + 0.625em);
    height: calc(9em * 0.209 + 0.625em * 1.058);
    margin-top: calc(-0.3125em * 1.25 + 0.625rem);
    background-image: url("../images/minkm.svg");
    margin-right: 0.625em;
}
#ured {
    width: calc(9em * 0.209 * 3.792);
    background-image: url("../images/ured_za_udruge.svg");
    margin-right: calc(0.625em * 0.75);
}
#kn {
    width: calc(9em * 0.209 * 2.089);
    background-image: url("../images/kn.svg");
}
#nz {
    width: calc(9em * 0.209 + 0.625em * 1.058);
    height: calc(9em * 0.209 + 0.625em * 1.058);
    margin-top: calc(-0.3125em * 1 + 0.625rem);
    background-image: url("../images/nzrcd.svg");
}
footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--sans);
    font-size: 0.75rem;
    line-height: 1.25em;
    text-transform: uppercase;
}
footer li {
    padding: 0;
}
footer a#fio,
footer a#fio:link,
footer a#fio:visited {
    width: calc(9em * 0.209 * 1.2254);
    height: calc(9em * 0.209);
    padding-top: calc(9em * 0.209);
    margin-top: 0.625rem;
    background-image: url("../images/fio.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 999rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    opacity: 0.5;
    transition: opacity 1s ease-in-out;
    display: block;
    float: right;
}