/*

        @media screen and (min-width:320px) and (max-width:767px) 
        {#Orientation_4 {display: none;}}
        @media screen and (min-width:768px) and (max-width:1024px) {
*/
        
/*55555555555555555555 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5555555555555555555555555*/
        @media screen and (max-width:1024px) {
            
            #Orientation_5 {display: none;top:250px;opacity:.3}

			#LVL_0{width:100%;}

				#MASTHEAD{height:150px;}
					#LOGO{height:120px;width:auto;margin-left:20px;}				
					#TAGLINE{display:none;}            
					
					#MastHeadRightSideContainer{height:100%;border:none;
						position:absolute;right:80px;width:50%;}
						.WideButton{display:none;}
						.NarrowButton{position:absolute;left:20px;top:40px;width:280px;xscale:1.5;font-size:2em;white-space:nowrap;}
						#THERMOMETER_CONTAINER{scale:2.5;margin-top:300px;}
						#ANIM_THERMOMETER_ICON_CONTAINER
									{	position:absolute;cursor:pointer;display:flex;justify-content:center;
										 height:80px;width:80px;top:30px;right:0px;
										 border-radius:50%;
										 animation:GreyGlow 2s ease-in-out infinite alternate;
									}	
							#ANIM_THERMOMETER_ICON
								{	scale:1;margin-top:auto;margin-bottom:auto;height:100%;width:auto;}
					
						#LangBar {font-size:1.2em;text-align:right;box-sizing:border-box;font-weight:bold;
								padding:6px;position:absolute;top:108px;right:0px;white-space:nowrap;}
					

			#PNL_0{height:1080px;background-size: left 100%;background-repeat:no-repeat;}				
				#LeftSilhouette{position:absolute;left:120px;bottom:-10px;height:30%;width:auto;}
				#RightSilhouette{position:absolute;right:10px;bottom:-10px;height:30%;width:auto;}
				
				#HOUSE{position:absolute;bottom:0px;width:auto;text-align:center;height:800px;left:-10%}
				#Learn_About_Getting_Started{left:60px;top:20px;font-size:4.0em;}
				#SUNSHINE_ICON_CONTAINER{right:28%;scale:130%;left:620px;}
				#BURGER_TABLE,.BURGER_TABLE
					{display:table;height:590px;width:616px;color:white;font-size:2.2em;
					position:absolute;bottom:0px;left:76px;}

/*		#BURGER_1,#BURGER_2,#BURGER_3,#BURGER_4 {font-weight:900;width:600px;height:160px;position:absolute;cursor:pointer;}
*/




			#SHERPA_ICON_CONTAINER /*consider changing this to a .className*/
						{height:auto;width:auto;position:absolute;top:300px;left:600px;
						 display:table-cell;text-align:center;vertical-align:middle;font-size:1.5em;cursor:pointer}

			#pnl_0_sherpa_img_default{display:none;}
			#pnl_0_sherpa_img_mobile{display:block;}

			#PNL_1{min-height:1340px;}
			#PNL_1,#PNL_2,#PNL_3,#PNL_4{font-size:2em;padding-left:20px;}

/*--------- MISC ----------------*/
#FOOTER{font-size:1.5em;}
#FooterLogo{position:absolute;left:-100px;}
.FooterLogo{position:absolute;left:-200px;}
#FooterLinkContainer{white-space:nowrap;width:420px;box-sizing:border-box;}

			.pnl_title{font-size:40px;margin-top:40px;}

			.pnl_LinearTableCells
				{width:90%;max-height:400px;min-height:400px;font-size:1.2em;margin-bottom:100px;}

            
			.pnl_ckb_td_container{max-width:80px;min-width:80px;width:80px;}

			.BigNumberBullet{font-size:1.3em;}
			.pnl_BigNumberBullet{font-size:1.5em;}

		<%string sBulletSize="80px";%>
		.BigNumberBullet, 
         
		.pnl_BigNumberBullet{position:relative;
						border-collapse:collapse;box-sizing: border-box;
						height:<%=sBulletSize%>;width:<%=sBulletSize%>;
						min-height:<%=sBulletSize%>;min-width:<%=sBulletSize%>;
						border-radius:50%;display:block;
						background-color:white;color:black;text-align:center;vertical-align:middle;
						padding:4px;font-weight:bold;margin:10px;font-weight:normal;
						 
		}	
			.divCheckbox {
						height:40px;width:40px;min-height:40px;min-width:40px;max-height:40px;max-width:40px;
						padding:0px;box-sizing:border-box;border-collapse:collapse;font-weight: bold;
						font-size:1.2em;color:black;border: 1px solid lightgrey;overflow:hidden;
						display:table-cell;vertical-align:middle;text-align:center;
						
					}


        }

        @media screen and (min-width:1024px) {#Orientation_6 {display: none;}        }



<style>
    /*.ThirtyTwoPercentWide {width:100%;display:inline-block;}*/
	.BorderLeft {border:none;border-left:none;}
    .BorderRight {border:none;border-right:none;}

    .ContentPopupColumn {width:100%;display:inline-block;margin-bottom:20px;border:none;}
	.ContentHeaderIcon {height:120px;width:120px;xmargin-bottom:0px;}
	.ContentSubHeaderIcon {height:90px;width:90px;}
	.ContentHeaderText {font-size:2em;margin-top:10px;width:100%;}


	.BulletList {margin-left:20px;text-align:left;}
	.Bullet           {float:left;font-weight: bold;display: inline-block;font-size: 2em;margin-left: -.5em;margin-top:-5px;}
	/*
	.Bullet           {float:left;color: #0092B3;font-weight: bold;display: inline-block;font-size: 2em;margin-left: -.5em;padding-top:-8px;}
	.Bullet-Purple    {float:left;color: #AD3D72;font-weight: bold;display: inline-block;font-size: 2em;margin-left: -.5em;padding-top:-8px;}
	.Bullet-Torquoise {float:left;color: #00A19C;font-weight: bold;display: inline-block;font-size: 2em;margin-left: -.5em;padding-top:-8px;}
	*/


	.pnl_LinearTableCellsIcon {height:120px;width:120px;}
	.MobileMarginBottom100px{margin-bottom:100px;}
	.MobileMarginBottom200px{margin-bottom:200px;}
	.MobileMarginBottom300px{margin-bottom:300px;}
	.MobileMarginBottom400px{margin-bottom:400px;}
	.MobileMarginBottom800px{margin-bottom:800px;}
	.CheckboxBulletContainer {xfont-size: 2em;height:40px;width:40px;}
	.CheckboxBulletSymbol {font-size:2em;}
	
	.MobileSmallerFont{font-size:.9em;}

	.MobileBigFont{font-size:3em;}
	.MobileBiggerFont {	font-size:3em;}
	.MobileMediumFont{font-size:2em;}
	.MobileNormalFont{font-size:1em;}

	.Content_FooterBar {font-size:1.5em;}
	.Content_FooterBarMobile {padding:10px;text-align:center;font-weight:bold;xletter-spacing:.1rem;margin:30px;font-size:3em;}

	.MobileDisplayInlineBlock{display:inline-block;font-size:3em;}
	.MobileWidth240px{width:240px;}
	.MobileWidth400px{width:400px;}
	.MobileHeight120px{height:120px;}
	.SherpaTextTipContainer{font-size:1em;}
	.pnl_SHERPA_BUBBLE {scale:1.2;	margin-top:30px;}
	/*.CloseButton{font-size:1em;margin:20px;top:20px;right:20px;}*/
	/*.CloseButtonSherpa{font-size:3em;}*/


		.CloseButton{position:absolute;top:10px;right:20px;padding:0px;height:auto;font-size:2em;cursor:pointer;display:block;}
		.CloseButtonSherpa{position:absolute;top:20px;right:30px;padding:0px;height:auto;font-size:2em;cursor:pointer;display:block;color:black;}
		.CloseButtonSherpaMobileBigger {scale:2;top:40px;right:50px;}

	.box{width:80%;margin:20px;font-size:2em;}
	.sbsbutton {width:120px;}
	
	.pnl_IndexAnchorTag {position:absolute;top:-170px;}/*neg top px offsets the height of sticky masthead*/

	
		#LangBar {font-size:1.5em;text-align:center;font-weight:900;vertical-align:middle;line-height:1.8em;
				  xbox-sizing:border-box;xdisplay:block;
				  width:80px;height:100%;top:-20px;left:320px;
				  padding:6px;padding-top:24px;position:absolute;}
		
		.LangItem {text-decoration:none;cursor:pointer;vertical-align:middle;}

	#PERC_COMP_TEXT {
		min-width:26px;position:absolute;right:-45px;top:55px;font-size:1.1em;
		font-weight:bold;padding-top:2px;padding-bottom:2px;background-color:lightgray;
		padding-left:14px;padding-right:10px;border-top-right-radius:6px;border-bottom-right-radius:6px;}

	.pnl_LinearTableCellsTransparent {
	margin-right:0px;
	margin-left:0px;
min-height:400px;
	max-height:400px;
	}

.WhatHappensNext {
		margin-left: 50px;
		background-size: 75%;
		background-position: center 92px;
		background-repeat: no-repeat;
	}
			
#THERMOMETER_CONTAINER_100_PERC /*----this is the popup for "100% complete progress report"----*/
			{	position:absolute;min-height:60%;width:60%;left:20%;right:20%;
				border:1px solid black;border-radius:20px;background-color:rgb(255,255,255,.9);
				padding-top:50px;padding-left:20px;padding-right:20px;padding-bottom:20px;
				display:none;box-shadow:0px 0px 20px grey;animation: fade_in ease 1.2s;
				font-size:2em;
			}

.pnl_4_Caret{top:46%;left:95%;}
	/*
    PNL_3_ckb_2_POPUP
	CSS_ORIENTATIONS_MOBILE
		*/


    /*

        @media screen and (min-width:320px) and (max-width:767px) 
        {#Orientation_4 {display: none;}}
        @media screen and (min-width:768px) and (max-width:1024px) {
*/
        
/*55555555555555555555 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5555555555555555555555555*/
	@media screen and (max-width:1024px) {
		
		#Orientation_5 {
			display: none;
			top: 250px;
			opacity: .3
		}

		#LVL_0 {
			width: 100%;
		}

		#MASTHEAD {
			height: 150px;
		}

		#LOGO {
			height: 120px;
			width: auto;
			margin-left: 20px;
		}

		#TAGLINE {
			display: none;
		}

		#MastHeadRightSideContainer {
			height: 100%;
			border: none;
			position: absolute;
			right: 80px;
			width: 50%;
		}

		.WideButton {
			display: none;
		}

		.NarrowButton {
			position: absolute;
			left: 20px;
			xtop: 40px;
			top:20%;
			width: 280px;
			xscale: 1.5;
			font-size: 2em;
			white-space: nowrap;
		}

		#THERMOMETER_CONTAINER {
			scale: 2.5;
			margin-top: 300px;
		}

		#ANIM_THERMOMETER_ICON_CONTAINER {
			position: absolute;
			cursor: pointer;
			display: flex;
			justify-content: center;
			height: 80px;
			width: 80px;
			top: 30px;
			right: 10px;
			border-radius: 50%;
			animation: GreyGlow 2s ease-in-out infinite alternate;
		}

		#ANIM_THERMOMETER_ICON {
			scale: 1;
			margin-top: auto;
			margin-bottom: auto;
			height: 100%;
			width: auto;
		}

		/*
		#LangBar {
			font-size: 1.2em;
			text-align: right;
			box-sizing: border-box;
			font-weight: bold;
			padding: 6px;
			position: absolute;
			top: 108px;
			right: 0px;
			white-space: nowrap;
		}
			*/

		#PNL_0 {
			height: 1080px;
			background-size: left 100%;
			background-repeat: no-repeat;
		}

		#PNL_1 {
			min-height: 1340px;
		}

		#PNL_3, #PNL_4 {
			min-height: 760px;
		}

		#PNL_2 {
			min-height: 1680px;
		}

		#LeftSilhouette {
			position: absolute;
			left: 120px;
			bottom: -10px;
			height: 30%;
			width: auto;
		}

		#RightSilhouette {
			position: absolute;
			right: 10px;
			bottom: -10px;
			height: 30%;
			width: auto;
		}

		#HOUSE {
			position: absolute;
			bottom: 0px;
			width: auto;
			text-align: center;
			height: 800px;
			left: -10%
		}

		#Learn_About_Getting_Started {
			left: 60px;
			top: 20px;
			font-size: 4.0em;
		}

		#SUNSHINE_ICON_CONTAINER {
			right: 28%;
			scale: 130%;
			left: 620px;
		}

		#BURGER_TABLE, .BURGER_TABLE {
			display: table;
			height: 590px;
			width: 616px;
			color: white;
			font-size: 2.2em;
			position: absolute;
			bottom: 0px;
			left: 76px;
		}

		/*		#BURGER_1,#BURGER_2,#BURGER_3,#BURGER_4 {font-weight:900;width:600px;height:160px;position:absolute;cursor:pointer;}
*/




		#SHERPA_ICON_CONTAINER /*consider changing this to a .className*/ {
			height: auto;
			width: auto;
			position: absolute;
			top: 300px;
			left: 600px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			font-size: 1.5em;
			cursor: pointer
		}

		#pnl_0_sherpa_img_default {
			display: none;
		}

		#pnl_0_sherpa_img_mobile {
			display: block;
		}


		#PNL_1, #PNL_2, #PNL_3, #PNL_4 {
			font-size: 2em;
			padding-left: 20px;
		}

		/*--------- MISC ----------------*/
		#FOOTER {
			font-size: 1.5em;
		}

		#FooterLogo {
			position: absolute;
			left: -100px;
		}

		.FooterLogo {
			position: absolute;
			left: -200px;
		}

		#FooterLinkContainer {
			white-space: nowrap;
			width: 420px;
			box-sizing: border-box;
		}

		.pnl_title {
			font-size: 40px;
			margin-top: 40px;
		}

		.pnl_LinearTableCells {
			width: 90%;
			max-height: auto;
			min-height: 400px;
			overflow: visible;
			font-size: 1.2em;
			margin-bottom: 100px;
			background: white;
		}

		.MobileHeight260px{min-height:260px;}
		.MobileHeight300px{min-height:300px;}
        .MobileHeight500px{min-height:500px;}
        .MobileHeight600px{min-height:600px;}
        .MobileHeight640px{min-height:640px;}
        .MobileHeight700px{min-height:700px;}
            .DesktopOnly{display:none;}

			.pnl_ckb_td_container{max-width:80px;min-width:80px;width:80px;}

			.BigNumberBullet{font-size:2em;}
			.pnl_BigNumberBullet{font-size:2.2em;}

		.BigNumberBullet, 
         
		.pnl_BigNumberBullet{position:relative;
						border-collapse:collapse;box-sizing: border-box;



		

						height:120px;width:120px;
						min-height:120px;min-width:120px;
						border-radius:50%;display:block;
						background-color:white;color:black;text-align:center;vertical-align:middle;
						padding:4px;font-weight:bold;margin:10px;font-weight:normal;
						 
		}	
			.divCheckbox {
						height:60px;width:60px;min-height:60px;min-width:60px;max-height:60px;max-width:60px;
						padding:0px;box-sizing:border-box;border-collapse:collapse;font-weight: bold;
						font-size:1.2em;color:black;border: 1px solid lightgrey;overflow:hidden;
						display:table-cell;vertical-align:middle;text-align:center;
						
					}


        }

        @media screen and (min-width:1024px) {#Orientation_6 {display: none;}        }

</style>