.flags {
	float: right;
	margin: 5px 10px 20px 10px;
	vertical-align: middle;
}

.flag {
    background-image:url(flagSprite60.png);
    background-repeat:no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgb(220,220,220);
    text-align: center;
    cursor: pointer;
}

.flag-US {background-position:center 0.2287%}
.flag-JP {background-position:center 0.4524%}
.flag-FR {background-position:center 0.6721%}
.flag-DE {background-position:center 0.8958%}
.flag-IT {background-position:center 1.1162%}
.flag-ES {background-position:left 1.3379%}
.flag-SE {background-position:center 1.5589%}

.flag.f-sm {width: 18px;height: 11px}
.flag.f-md {width: 27px;height: 17px}
.flag.f-lg {width: 42px;height: 27px}
.flag.f-xl {width: 60px;height: 37px}

#speakEmoji { font-size: larger; text-align: center;}