DIV.Col3Flex {  display:inline-block; width:100%; overflow:auto; vertical-align:text-top; text-align:left; }
DIV.MainStep { margin:0 auto; overflow:auto; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:100%; }
DIV.PageSubtitle { text-align: center;font-size: 22px; font-weight: bold; margin-bottom: 20px; }
DIV.PageTitle { font-size: 30px; font-weight: bold; margin-bottom: 20px; }

INPUT[TYPE=button] { font-size:14px; line-height:14px; margin:0px; border-spacing:0px; padding:4px; border:1px solid #63467e; outline:none; background-color:#63467e; color:#FFF; font-weight:bold; float:left; }
INPUT[TYPE=button]:active { background-color:#fa672f; border-color:#FFF; }

#SloganContainer { text-align:center;}

.Green { color:#808143 }
.Round5 { border-radius:5px; }

.EvoBlock { background-color: #641e56; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-radius: 4px; border: 2px solid #641e56; padding: 5px; margin: 10px; width: 80%; min-width: 230px; max-width: 350px; display: inline-block; cursor: pointer; height: 54px; text-align: center; font-size: 12px; }
.EvoBlock:hover { border-color: #FFFFFF; background-color: #ae1890; }
.EvoContainer {  position: relative; background-image: url(/img/empowered-me-slides/circle-gradient-bg.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.EvoContent { font-size: 20px; padding: 10px; text-align: left; }
.EvoHiliteTitle { font-weight: bold; background-color: #b4a7d5; line-height: 30px; font-size: 20px; padding: 10px; }
.EvoMain {  }
.EvoNum { color: #f6931e; }
.EvoPage200 { display: inline-block; max-width: 200px; }
.EvoPage280 { display: inline-block; max-width: 280px; }
.EvoPage360 { display: inline-block; max-width: 360px; }
.EvoPage540 { display: inline-block; max-width: 540px; }
.EvoPageBar { background-color:#320954; color:#FFFFFF; padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; font-weight: bold; }
.EvoPageBarSeparator { color: #F1592B; }
.EvoPageSubtitle { color:#4d4d4d; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:24px; text-align: center; padding: 0px 10px 10px 10px; }
.EvoPageTitle { color:#661256; font-family: Impact, Charcoal, sans-serif; font-size: 40px; padding-top: 20px; text-align: center; padding: 10px 10px 10px 10px; }
.EvoStar { display: none; visibility: hidden; position: absolute; border: 0px transparent solid; width: 300px; height: 300px; }
.EvoSubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
.EvoTitle { font-family: Impact, Charcoal, sans-serif; font-size: 30px; }

/*adjust*/
@media screen and (min-width: 270px) { /* 1/4 */
	DIV.MainStep { width: 270px; }
}
@media screen and (min-width: 360px) {
	.EvoBlock { font-size: 14px; }
	DIV.MainStep { width: 360px; }
}
@media screen and (min-width: 540px) { /* 2/4 */
	.EvoBlock { font-size: 16px; }
	.EvoBlock { font-size: 15px; }
	.EvoPageSubtitle { font-size:30px; }
	.EvoPageTitle { font-size: 60px; }
	DIV.MainStep { width: 540px; }
}
@media screen and (min-width: 720px) {
	.EvoSubtitle { font-size: 26px; }
	.EvoTitle { font-size: 40px; }
	DIV.MainStep { width: 720px; }
}
@media screen and (min-width: 810px) { /* 3/4 */
	.EvoBlock { font-size: 13px; }
	DIV.Col3Flex { max-width:33.333%; }
	DIV.MainStep { width: 810px; }
}
@media screen and (min-width: 940px) {
	DIV.MainStep { width: 940px; }
}
@media screen and (min-width: 1080px) { /* 4/4 */
	.EvoBlock { font-size: 16px; }
	#EvoBlock1 { position:absolute; top:0px; right: 220px; width: 288px; }
	#EvoBlock2 { position:absolute; top:60px; right: 140px; width: 288px; }
	#EvoBlock3 { position:absolute; top:120px; right: 90px; width: 288px; }
	#EvoBlock4 { position:absolute; top:180px; right: 60px; width: 288px; }
	#EvoBlock5 { position:absolute; top:240px; right: 30px; width: 288px; }
	#EvoBlock6 { position:absolute; top:300px; right: 19px; width: 288px; }
	#EvoBlock7 { position:absolute; top:360px; right: 30px; width: 288px; }
	#EvoBlock8 { position:absolute; top:420px; right: 60px; width: 288px; }
	#EvoBlock9 { position:absolute; top:480px; right: 90px; width: 288px; }
	#EvoBlock10 { position:absolute; top:540px; right: 140px; width: 288px; }

	#EvoBlock11 { position:absolute; top:600px; left: 380px; width: 288px; }

	#EvoBlock21 { position:absolute; top:0px; left: 220px; width: 288px; }
	#EvoBlock20 { position:absolute; top:60px; left: 140px; width: 288px; }
	#EvoBlock19 { position:absolute; top:120px; left: 90px; width: 288px; }
	#EvoBlock18 { position:absolute; top:180px; left: 60px; width: 288px; }
	#EvoBlock17 { position:absolute; top:240px; left: 30px; width: 288px; }
	#EvoBlock16 { position:absolute; top:300px; left: 19px; width: 288px; }
	#EvoBlock15 { position:absolute; top:360px; left: 30px; width: 288px; }
	#EvoBlock14 { position:absolute; top:420px; left: 60px; width: 288px; }
	#EvoBlock13 { position:absolute; top:480px; left: 90px; width: 288px; }
	#EvoBlock12 { position:absolute; top:540px; left: 140px; width: 288px; }
	.EvoContainer { height:660px; }
	.EvoStar { display: block; visibility: visible; top: 185px; left: 390px; }

	.EvoPageBar { font-size: 22px; }
	.EvoPageSubtitle { font-size:30px; }
	.EvoPageTitle { font-size: 70px; }

	DIV.MainStep { width: 1080px; }
}