@media (min-width: 0px) and (max-width: 201px) {
	h2 { height: 30px; line-height: 30px; font-size: 10px; }
	#legend { display: none; }
}

@media (min-width: 202px) and (max-width: 224px) {
	h2 { height: 30px; line-height: 30px; font-size: 9px; }
	#legend { display: none; }
}

@media (min-width: 225px) and (max-width: 231px) {
	h2 { height: 30px; line-height: 30px; font-size: 10px; }
	#legend { display: none; }
}

@media (min-width: 232px) and (max-width: 260px) {
	h2 { height: 30px; line-height: 30px; font-size: 10px; }
	#legend { display: none; }
}

@media (min-width: 261px) and (max-width: 270px) {
	h2 { height: 30px; line-height: 30px; font-size: 10px; }
	#legend { display: none; }
}

@media (min-width: 271px) and (max-width: 280px) {
	h2 { height: 30px; line-height: 30px; font-size: 11px; }
	#legend { display: none; }
}

@media (min-width: 281px) and (max-width: 320px) {
	h2 { height: 40px; line-height: 40px; font-size: 12px; }
	#legend { display: none; }
}

@media (min-width: 321px) and (max-width: 369px) {
	h2 { height: 40px; line-height: 40px; font-size: 14px; }
	#legend { margin-top: 2px; padding-left: 12px; }
	#legend .country { width: 120px; margin-top: 2px; border-radius: 5px; line-height: 10px; }
	#legend .country .lft { font-size: 9px; padding-left: 10px; }
	#legend .country .rgt { font-size: 9px; width: 10px; height: 10px; border-radius: 5px; line-height: 10px; }
	#legend .country.small { width: 50px !important; margin-right: 10px; }
}

@media (min-width: 370px) and (max-width: 422px) {
	h2 { height: 40px; line-height: 40px; font-size: 14px; }
	#legend { margin-top: 5px; padding-left: 12px; }
	#legend .country { width: 120px; margin-top: 2px; border-radius: 6px; line-height: 12px; }
	#legend .country .lft { font-size: 10px; padding-left: 10px; }
	#legend .country .rgt { font-size: 10px; width: 12px; height: 12px; border-radius: 6px; line-height: 12px; }
	#legend .country.small { width: 50px !important; margin-right: 10px; }
}

@media (min-width: 423px) and (max-width: 482px) {
	h2 { height: 40px; line-height: 40px; font-size: 14px; }
	#legend { margin-top: 5px; padding-left: 12px; }
	#legend .country { width: 120px; margin-top: 2px; border-radius: 7px; line-height: 14px; }
	#legend .country .lft { font-size: 10px; padding-left: 10px; }
	#legend .country .rgt { font-size: 10px; width: 14px; height: 14px; border-radius: 7px; line-height: 14px; }
	#legend .country.small { width: 50px !important; margin-right: 10px; }
}

@media (min-width: 483px) and (max-width: 614px) {
	h2 { height: 60px; line-height: 60px; font-size: 18px; }
	#legend .country { width: 150px; margin-top: 3px; border-radius: 8px; line-height: 16px; }
	#legend .country .lft { font-size: 12px; padding-left: 15px; }
	#legend .country .rgt { font-size: 12px; width: 16px; height: 16px; border-radius: 8px; line-height: 16px; }
	#legend .country.small { width: 65px !important; margin-right: 5px; }
}

@media (min-width: 615px) and (max-width: 644px) {
	h2 { height: 60px; line-height: 60px; font-size: 18px; }
	#legend .country { width: 150px; margin-top: 3px; border-radius: 9px; line-height: 18px; }
	#legend .country .lft { font-size: 12px; padding-left: 15px; }
	#legend .country .rgt { font-size: 12px; width: 18px; height: 18px; border-radius: 9px; line-height: 18px; }
	#legend .country.small { width: 65px !important; margin-right: 5px; }
}

@media (min-width: 645px) and (max-width: 677px) {
	#legend .country { width: 170px; margin-top: 3px; border-radius: 10px; line-height: 20px; }
	#legend .country .lft { font-size: 12px; padding-left: 15px; }
	#legend .country .rgt { font-size: 12px; width: 20px; height: 20px; border-radius: 10px; line-height: 20px; }
	#legend .country.small { width: 80px !important; margin-right: 10px; }
}

@media (min-width: 678px) and (max-width: 730px) {
	#legend .country { width: 170px; margin-top: 4px; border-radius: 10px; line-height: 20px; }
	#legend .country .lft { font-size: 12px; padding-left: 15px; }
	#legend .country .rgt { font-size: 12px; width: 20px; height: 20px; border-radius: 10px; line-height: 20px; }
	#legend .country.small { width: 80px !important; margin-right: 10px; }
}

@media (min-width: 731px) and (max-width: 800px) {
	#legend .country { width: 170px; margin-top: 5px; border-radius: 10px; line-height: 20px; }
	#legend .country .lft { font-size: 12px; padding-left: 15px; }
	#legend .country .rgt { font-size: 12px; width: 20px; height: 20px; border-radius: 10px; line-height: 20px; }
	#legend .country.small { width: 80px !important; margin-right: 10px; }
}

@media (min-width: 801px) and (max-width: 938px) {
	#legend .country { width: 170px; margin-top: 6px; border-radius: 12px; line-height: 24px; }
	#legend .country .lft { font-size: 14px; padding-left: 15px; }
	#legend .country .rgt { font-size: 14px; width: 24px; height: 24px; border-radius: 12px; line-height: 24px; }
	#legend .country.small { width: 80px !important; margin-right: 10px; }
}

@media (min-width: 939px) and (max-width: 1099px) {
	#legend .country { width: 190px; margin-top: 6px; border-radius: 15px; line-height: 30px; }
	#legend .country .lft { font-size: 15px; padding-left: 15px; }
	#legend .country .rgt { font-size: 15px; width: 30px; height: 30px; border-radius: 15px; line-height: 30px; }
	#legend .country.small { width: 80px !important; margin-right: 10px; }
}

@media (min-width: 1100px) and (max-width: 1280px) {
	#legend .country { width: 270px; margin-top: 6px; border-radius: 17px; line-height: 34px; }
	#legend .country .lft { font-size: 15px; padding-left: 15px; }
	#legend .country .rgt { font-size: 15px; width: 34px; height: 34px; border-radius: 17px; line-height: 34px; }
	#legend .country.small { width: 80px !important; margin-right: 10px; }
}

@media (min-width: 1281px) {
}