.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  border-radius: 2px;
  vertical-align: -0.15em;
}
.fi:before {
  content: "\00a0";
}
.fi-us { background-image: url('../flags/4x3/us.svg?v=2'); }
.fi-es { background-image: url('../flags/4x3/es.svg?v=2'); }
.fi-fr { background-image: url('../flags/4x3/fr.svg?v=2'); }
.fi-br { background-image: url('../flags/4x3/br.svg?v=2'); }
.fi-de { background-image: url('../flags/4x3/de.svg?v=2'); }
.fi-it { background-image: url('../flags/4x3/it.svg?v=2'); }
.fi-jp { background-image: url('../flags/4x3/jp.svg?v=2'); }
.fi-kr { background-image: url('../flags/4x3/kr.svg?v=2'); }
.fi-vn { background-image: url('../flags/4x3/vn.svg?v=2'); }
.fi-tr { background-image: url('../flags/4x3/tr.svg?v=2'); }
.fi-ru { background-image: url('../flags/4x3/ru.svg?v=2'); }
.fi-sa { background-image: url('../flags/4x3/sa.svg?v=2'); }
.fi-cn { background-image: url('../flags/4x3/cn.svg?v=2'); }