.fi {
    display: inline-block;
    width: 1.333333em;
    line-height: 1em;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    margin-right: 0.45rem;
    vertical-align: -0.15em;
    height: 1em;
}

.fi-es { background-image: url('../img/flags/es.svg'); }
.fi-gb { background-image: url('../img/flags/gb.svg'); }
.fi-fr { background-image: url('../img/flags/fr.svg'); }
.fi-es-ct { background-image: url('../img/flags/es-ct.svg'); }
.fi-it { background-image: url('../img/flags/it.svg'); }
.fi-de { background-image: url('../img/flags/de.svg'); }