.fib, .fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em;
}

    .fi:before {
        content: " ";
    }

    .fi.fis {
        width: 1em;
    }

.fi-xx {
    background-image: url(../../images/flags/4x3/xx.svg);
}

    .fi-xx.fis {
        background-image: url(../../images/flags/1x1/xx.svg);
    }

.fi-dk {
    background-image: url(../../images/flags/4x3/dk.svg);
}

    .fi-dk.fis {
        background-image: url(../../images/flags/1x1/dk.svg);
    }

.fi-gb {
    background-image: url(../../images/flags/4x3/gb.svg);
}

    .fi-gb.fis {
        background-image: url(../../images/flags/1x1/gb.svg);
    }