.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.fis {
  background-image: url(xx.svg);
}

.fi-de.fis {
  background-image: url(de.svg);
}

.fi-es.fis {
  background-image: url(es.svg);
}

.fi-fr.fis {
  background-image: url(fr.svg);
}

.fi-gb.fis {
  background-image: url(gb.svg);
}

.fi-it.fis {
  background-image: url(it.svg);
}

.fi-pt.fis {
  background-image: url(pt.svg);
}


.fi-nl.fis {
  background-image: url(nl.svg);
}

.fi-se.fis {
  background-image: url(se.svg);
}

.fi-fi.fis {
  background-image: url(fi.svg);
}

.fi-hr.fis {
  background-image: url(hr.svg);
}

.fi-no.fis {
  background-image: url(no.svg);
}

.fi-ru.fis {
  background-image: url(ru.svg);
}

.fi-el.fis {
  background-image: url(gr.svg);
}

.fi-tr.fis {
  background-image: url(tr.svg);
}

.fi-pl.fis {
  background-image: url(pl.svg);
}

.fi-dk.fis {
  background-image: url(dk.svg);
}