.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-fr { background-image: url(../flags/4x3/fr.svg); }
.fi-gb { background-image: url(../flags/4x3/gb.svg); }
.fi-es { background-image: url(../flags/4x3/es.svg); }
.fi-it { background-image: url(../flags/4x3/it.svg); }
.fi-pt { background-image: url(../flags/4x3/pt.svg); }
.fi-de { background-image: url(../flags/4x3/de.svg); }