.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'); }
.fi-es { background-image: url('../flags/4x3/es.svg'); }
.fi-fr { background-image: url('../flags/4x3/fr.svg'); }
.fi-br { background-image: url('../flags/4x3/br.svg'); }
.fi-de { background-image: url('../flags/4x3/de.svg'); }
.fi-it { background-image: url('../flags/4x3/it.svg'); }
.fi-jp { background-image: url('../flags/4x3/jp.svg'); }
.fi-kr { background-image: url('../flags/4x3/kr.svg'); }
.fi-vn { background-image: url('../flags/4x3/vn.svg'); }
.fi-tr { background-image: url('../flags/4x3/tr.svg'); }