.circle-container { position: relative; width: 100%; height: 100%; top: 5em; } 
	.circle-container a { display: block; position: absolute; left: 50%; width: 8em; margin: -2em; } 
	.circle-container img { display: block; width: 65%; } .deg0 { transform: translate(200%); } 
	
	.deg20 { transform: rotate(20deg) translate(200%) rotate(-20deg); } 
	.deg40 { transform: rotate(40deg) translate(200%) rotate(-40deg); } 
	.deg60 { transform: rotate(60deg) translate(200%) rotate(-60deg); } 
	.deg80 { transform: rotate(80deg) translate(200%) rotate(-80deg); } 
	.deg100 { transform: rotate(100deg) translate(200%) rotate(-100deg); } 
	.deg120 { transform: rotate(120deg) translate(200%) rotate(-120deg); } 
	.deg140 { transform: rotate(140deg) translate(200%) rotate(-140deg); } 
	.deg160 { transform: rotate(160deg) translate(200%) rotate(-160deg); } 
	.deg180 { transform: rotate(180deg) translate(200%) rotate(-180deg); } 
	.deg200 { transform: rotate(200deg) translate(200%) rotate(-200deg); } 
	.deg220 { transform: rotate(220deg) translate(200%) rotate(-220deg); } 
	.deg240 { transform: rotate(240deg) translate(200%) rotate(-240deg); } 
	.deg260 { transform: rotate(260deg) translate(200%) rotate(-260deg); } 
	.deg280 { transform: rotate(280deg) translate(200%) rotate(-280deg); } 
	.deg300 { transform: rotate(300deg) translate(200%) rotate(-300deg); } 
	.deg320 { transform: rotate(320deg) translate(200%) rotate(-320deg); } 
	.deg340 { transform: rotate(340deg) translate(200%) rotate(-340deg); } 

	@media only screen and (max-width: 1334px) 
	{ 
		.flagText { width: 39%; left: 32%; } 
	} 

	@media only screen and (max-width: 705px) 
	{ 
		.flagText { font-weight: normal; } 
	} 

	.divFlags { width: 100%; height: 37em; padding-top: 12em; } 
	.divInPortrait { display: none; font-size: larger; text-align: center; } 
	/* causes the flags to hide and the text to show in portrait mode when there isn't a mouse */ 
	@media only screen and (orientation: portrait) and (any-pointer: coarse) 
	{ 
		.divFlags { display: none; } 
		.divInPortrait { display: block; } 
	} 

	.noFlag { font-size: 3em; font-weight: bold; text-align: center; color: purple; width: 31%; left: 36%; top: -27%; position: absolute; }

	.argentinaFlag { font-size: smaller; font-weight: unset; text-align: center; color: purple; width: 34%; left: 34%; top: -32%; position: absolute; }	
	.australiaFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 31%; left: 36%; top: -27%; position: absolute; } 
	.bulgariaFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 33%; left: 35%; top: -27%; position: absolute; }
	.canadaFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 32%; left: 35%; top: -44%; position: absolute; } 
	.chileFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 34%; left: 34%; top: -30%; position: absolute; } 
	.columbiaFlag { font-size: larger; font-weight: unset; text-align: center; color: purple; width: 33%; left: 35%; top: -19%; position: absolute; }
	.costaRicaFlag { font-size: larger; font-weight: unset; text-align: center; color: purple; width: 31%; left: 35%; top: -26%; position: absolute; }
	.icelandFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 33%; left: 35%; top: -27%; position: absolute; }
	.mexicoFlag { font-size: smaller; font-weight: bold; text-align: center; color: purple; width: 34%; left: 34%; top: -28%; position: absolute; } 
	.norwayFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 34%; left: 34%; top: -30%; position: absolute; } 
	.peruFlag { font-size: larger; font-weight: bold; text-align: center; color: purple; width: 37%; left: 33%; top: -16%; position: absolute; } 
	.polandFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 34%; left: 34%; top: -24%; position: absolute; } 
	.southAfricaFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 34%; left: 34%; top: -43%; position: absolute; } 
	.spainFlag { font-size: larger; font-weight: bold; text-align: center; color: purple; width: 37%; left: 33%; top: -16%; position: absolute; } 
	.swedenFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 34%; left: 34%; top: -36%; position: absolute; } 
	.ukFlag { font-size: unset; font-weight: unset; text-align: center; color: purple; width: 36%; left: 33%; top: -37%; position: absolute; } 
	.usaFlag { font-size: x-large; font-weight: bold; text-align: center; color: purple; width: 32%; left: 35%; top: -20%; position: absolute; } 
	.venezuelaFlag { font-size: larger; font-weight: bold; text-align: center; color: purple; width: 37%; left: 33%; top: -23%; position: absolute; } 

	@media only screen and (max-width: 1199px) 
	{ 
		.noFlag { width: 40%; left: 31%; top: -27%; } 
		.argentinaFlag { width: 41%; left: 31%; top: -33%; } 		
		.australiaFlag { width: 40%; left: 31%; top: -29%; } 
		.bulgariaFlag { width: 41%; left: 31%; top: -23%; } 
		.canadaFlag { width: 42%; left: 30%; top: -41%; } 
		.chileFlag { width: 41%; left: 31%; top: -39%; } 
		.columbiaFlag { width: 42%; left: 30%; top: -20%; } 
		.costaRicaFlag { width: 42%; left: 30%; top: -29%; } 
		.icelandFlag { width: 41%; left: 31%; top: -33%; } 
		.mexicoFlag { width: 40%; left: 31%; top: -31%; } 
		.norwayFlag { width: 41%; left: 31%; top: -39%; } 
		.peruFlag { width: 42%; left: 30%; top: -17%; } 
		.polandFlag { width: 40%; left: 31%; top: -26%; } 		
		.southAfricaFlag { width: 45%; left: 29%; top: -26%; font-size: smaller; } 
		.spainFlag { width: 42%; left: 30%; top: -26%; } 
		.swedenFlag { width: 40%; left: 31%; top: -37%; } 
		.ukFlag { width: 43%; left: 30%; top: -30%; font-size: smaller; } 
		.usaFlag { width: 41%; left: 31%; top: -25%; } 
		.venezuelaFlag { width: 42%; left: 30%; top: -24%; } 
	} 
	/* DNN changes the layout at 992px */ 
	@media only screen and (max-width: 991px) 
	{ 
		.noFlag { width: 43%; left: 30%; top: -26%; font-size: 2.5em; } 
		.argentinaFlag { width: 57%; left: 23%; top: -30%; } 		
		.australiaFlag { width: 49%; left: 27%; top: -34%; } 
		.bulgariaFlag { width: 57%; left: 23%; top: -30%; } 		
		.canadaFlag { width: 54%; left: 26%; top: -29%; font-size: smaller; } 
		.chileFlag { width: 53%; left: 25%; top: -40%; } 
		.columbiaFlag { width: 51%; left: 26%; top: -19%; } 
		.costaRicaFlag { width: 49%; left: 27%; top: -33%; } 
		.icelandFlag { width: 49%; left: 27%; top: -33%; } 
		.mexicoFlag { width: 50%; left: 26%; top: -32%; } 
		.norwayFlag { width: 49%; left: 27%; top: -42%; } 
		.peruFlag { width: 52%; left: 25%; top: -19%; } 
		.polandFlag { width: 49%; left: 27%; top: -25%; } 
		.southAfricaFlag { width: 50%; left: 26%; top: -36%; } 
		.spainFlag { width: 52%; left: 25%; top: -19%; } 
		.swedenFlag { width: 49%; left: 27%; top: -40%; } 
		.ukFlag { width: 53%; left: 25%; top: -34%; } 
		.usaFlag { width: 53%; left: 25%; top: -28%; } 
		.venezuelaFlag { width: 52%; left: 25%; top: -19%; } 
	} 
	/* Tiny screen like iPhone 8 */ 
	@media only screen and (max-width: 710px) 
	{ 
		.noFlag { width: 43%; left: 30%; top: -26%; font-size: 2em; } 
		.argentinaFlag { width: 66%; left: 19%; top: -39%; } 
		.australiaFlag { width: 61%; left: 22%; top: -39%; } 		
		.bulgariaFlag { width: 61%; left: 22%; top: -22%; } 		
		.canadaFlag { width: 63%; left: 21%; top: -30%; } 
		.chileFlag { width: 66%; left: 20%; top: -31%; font-size: smaller; } 
		.columbiaFlag { top: -35%; } 
		.costaRicaFlag { width: 66%; left: 20%; top: -35%; } 	
		.icelandFlag { width: 62%; left: 22%; top: -36%; } 		
		.mexicoFlag { width: 61%; left: 22%; top: -42%; } 
		.norwayFlag { width: 69%; left: 18%; top: -27%; font-size: smaller; } 
		.peruFlag { width: 66%; left: 19%; top: -29%; } 
		.polandFlag { width: 61%; left: 22%; top: -26%; } 
		.southAfricaFlag { width: 56%; left: 24%; top: -36%; } 
		.spainFlag { width: 52%; left: 25%; top: -35%; } 
		.swedenFlag { width: 70%; left: 16%; top: -38%; } 
		.ukFlag { width: 56%; left: 24%; top: -35%; } 
		.usaFlag { width: 61%; left: 21%; top: -31%; } 
		.venezuelaFlag { width: 53%; left: 25%; top: -36%; }
	 }