.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(../flags/4x3/xx.svg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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