.fib { background-size: contain; background-position: 50%; background-repeat: no-repeat }  .fi { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em }  .fi:before { content: '\00a0' }  .fi.fis { width: 1em }  .fi-xx { background-image: url(../flags/4x3/xx.svg) }  .fi-xx.fis { background-image: url(../flags/1x1/xx.svg) }  .fi-gb { background-image: url(../flags/4x3/gb.svg); }  .fi-gb.fis { background-image: url(../flags/1x1/gb.svg); }  .fi-fr { background-image: url(../flags/4x3/fr.svg); }  .fi-fr.fis { background-image: url(../flags/1x1/fr.svg); }  .fi-de { background-image: url(../flags/4x3/de.svg); }  .fi-de.fis { background-image: url(../flags/1x1/de.svg); }  .fi-es { background-image: url(../flags/4x3/es.svg); }  .fi-es.fis { background-image: url(../flags/1x1/es.svg); }  .fi-ar { background-image: url(../flags/4x3/ar.svg); }  .fi-ar.fis { background-image: url(../flags/1x1/ar.svg); }  .fi-tr { background-image: url(../flags/4x3/tr.svg); }  .fi-tr.fis { background-image: url(../flags/1x1/tr.svg); }  .fi-ru { background-image: url(../flags/4x3/ru.svg); }  .fi-ru.fis { background-image: url(../flags/1x1/ru.svg); }  .fi-it { background-image: url(../flags/4x3/it.svg); }  .fi-it.fis { background-image: url(../flags/1x1/it.svg); }  .fi-cn { background-image: url(../flags/4x3/cn.svg); }  .fi-cn.fis { background-image: url(../flags/1x1/cn.svg); }  .fi-jp { background-image: url(../flags/4x3/jp.svg); }  .fi-jp.fis { background-image: url(../flags/1x1/jp.svg); }