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

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

.fi:before {
    content: " ";
}

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

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

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

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

.fi-gb-eng {
    background-image: url(../flags/4x3/gb-eng.svg);
}

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

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

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


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

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