.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi,
[class^="fi-"] {
  display: inline-block;
  width: 24px;
  height: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.fi:before {
  content: " ";
}
.fi.fis {
  width: 1em;
}

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

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

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