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

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  height: 1em;
}

.fis-md {
  width: calc(1.333333em * 1.5) !important;
  height: calc(1em * 1.5) !important;
}

.fis-lg {
  width: calc(1.333333em * 2);
  height: calc(1em * 2);
}

.fi:before {
  content: " ";
}
.hover:hover {
  opacity: 0.8;
}

.fi-br {
  background-image: url(./svgs/br.svg);
}
.fi-co {
  background-image: url(./svgs/co.svg);
}
.fi-us {
  background-image: url(./svgs/us.svg);
}