.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-bd {
  background-image: url(../flags/4x3/bd.svg);
}
.fi-bd.fis {
  background-image: url(../flags/1x1/bd.svg);
}

.fi-cn {
  background-image: url(../flags/4x3/cn.svg);
}
.fi-cn.fis {
  background-image: url(../flags/1x1/cn.svg);
}

.fi-cz {
  background-image: url(../flags/4x3/cz.svg);
}
.fi-cz.fis {
  background-image: url(../flags/1x1/cz.svg);
}

.fi-de {
  background-image: url(../flags/4x3/de.svg);
}
.fi-de.fis {
  background-image: url(../flags/1x1/de.svg);
}

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

.fi-es {
  background-image: url(../flags/4x3/es.svg);
}
.fi-es.fis {
  background-image: url(../flags/1x1/es.svg);
}

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

.fi-fo {
  background-image: url(../flags/4x3/fo.svg);
}
.fi-fo.fis {
  background-image: url(../flags/1x1/fo.svg);
}

.fi-fr {
  background-image: url(../flags/4x3/fr.svg);
}
.fi-fr.fis {
  background-image: url(../flags/1x1/fr.svg);
}

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

.fi-gr {
  background-image: url(../flags/4x3/gr.svg);
}
.fi-gr.fis {
  background-image: url(../flags/1x1/gr.svg);
}

.fi-hu {
  background-image: url(../flags/4x3/hu.svg);
}
.fi-hu.fis {
  background-image: url(../flags/1x1/hu.svg);
}

.fi-in {
  background-image: url(../flags/4x3/in.svg);
}
.fi-in.fis {
  background-image: url(../flags/1x1/in.svg);
}

.fi-is {
  background-image: url(../flags/4x3/is.svg);
}
.fi-is.fis {
  background-image: url(../flags/1x1/is.svg);
}

.fi-it {
  background-image: url(../flags/4x3/it.svg);
}
.fi-it.fis {
  background-image: url(../flags/1x1/it.svg);
}

.fi-jp {
  background-image: url(../flags/4x3/jp.svg);
}
.fi-jp.fis {
  background-image: url(../flags/1x1/jp.svg);
}

.fi-nl {
  background-image: url(../flags/4x3/nl.svg);
}
.fi-nl.fis {
  background-image: url(../flags/1x1/nl.svg);
}

.fi-no {
  background-image: url(../flags/4x3/no.svg);
}
.fi-no.fis {
  background-image: url(../flags/1x1/no.svg);
}

.fi-pl {
  background-image: url(../flags/4x3/pl.svg);
}
.fi-pl.fis {
  background-image: url(../flags/1x1/pl.svg);
}

.fi-pt {
  background-image: url(../flags/4x3/pt.svg);
}
.fi-pt.fis {
  background-image: url(../flags/1x1/pt.svg);
}

.fi-ro {
  background-image: url(../flags/4x3/ro.svg);
}
.fi-ro.fis {
  background-image: url(../flags/1x1/ro.svg);
}

.fi-ru {
  background-image: url(../flags/4x3/ru.svg);
}
.fi-ru.fis {
  background-image: url(../flags/1x1/ru.svg);
}

.fi-sa {
  background-image: url(../flags/4x3/sa.svg);
}
.fi-sa.fis {
  background-image: url(../flags/1x1/sa.svg);
}

.fi-se {
  background-image: url(../flags/4x3/se.svg);
}
.fi-se.fis {
  background-image: url(../flags/1x1/se.svg);
}

.fi-tr {
  background-image: url(../flags/4x3/tr.svg);
}
.fi-tr.fis {
  background-image: url(../flags/1x1/tr.svg);
}

.fi-ua {
  background-image: url(../flags/4x3/ua.svg);
}
.fi-ua.fis {
  background-image: url(../flags/1x1/ua.svg);
}