#mainNavCase		{width:95%; margin-top:30px}
#bestNav			{margin-top:25px; width:100%; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-evenly; font-size:1.2rem}


.smNav				{float:left; margin-right:3px; padding:10px; color:#1FAE80; border:1px solid #5CC9D6; border-bottom:0px solid #FFFF}
.smNav a			{text-decoration:none}

.chSmNav			{float:left; margin-right:3px; padding:10px; background-color:#5CC9D6; color:#FFFFFF; 
						border:1px solid #5CC9D6; border-bottom:0px solid #FFFF}
.chSmNav a			{color:#FFFFFF;text-decoration:none}

@media (max-width:12500px){
	#bigScreen, #textBigScreen		{display:none}
	#smallScreen	{display:block}
}

#field				{margin-top:1px}
.guide				{padding:0px; margin-top:0px;}
.guideBlock			{width:1150px; padding:10px 0px 0px 0px;}
.item				{width:250px; float:left; border:0px solid green}
.common				{color:#95C943}
.smImage			{width:250px; height:200px; border:0px solid purple; margin-left:0px}
.fgName				{font-size:16px; color:#12ACBF; margin-bottom:7px;}
.smText				{line-height:150%; font-size:16px}
.smMask				{padding:10px 0px 0px 0px; width:45px; height:40px}


.boldText			{font-weight:bold; color:#14ABBF}
.bigTitle			{width:95%x; height:60px; background:#5CC9D6; font-size:2.0rem; color:#FFFFFF; padding:15px 0px 0px 15px;}
.bigText			{font-size:20px; line-heIght:180%;}

#introLeft			{background-image:url('/assets/images/fieldGuide/intro_half.png'); background-repeat:no-repeat; background-position:left top;}
.navField			{font-size:16px; font-weight: bold}
.navData			{font-size:13px; padding-left:20px}
.continue			{font-size:18px}

#floatContent		{border:1px solid #1FAE80; padding:20px; display:none; width:500px}
#introLeft			{float:left; width:550px; height:700px}
#introRight			{float:left; width:550px; line-height:180%; margin-left:10px; text-align:center}
#beneath			{font-size:45px; margin-top:80px; font-weight:bold; color:#14ABBF; line-height:120%}
#introGuide			{margin-top:50px; font-size:26px; color:#000000; line-height:150%}
.facts				{background-color:#acdeec; width:1100px; padding:15px; border:2px solid #73b5ec; margin-bottom:10px; color:#000;}

.facts	div.top		{font-size:20px; font-weight:bold; color:#FFFFFF}
#mainData			{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; width:100%; gap:1rem}
#mainData .panels	{padding-right:10px; line-height:150%; font-size:1.1rem; width:365px;}


#fieldImage			{width:235px; height:300px; border:2px solid #EFEFEF; padding:15px}
.itemNext			{width:250px; float:left; border:2px solid #12ACBF; text-align:center;padding-top:10px; height:200px; background-color:#f8fffd;
						font-size:24px}
.itemNext span,#introNext span 
					{color:#12ACBF; font-size:45px}
#introNext			{font-size:24px}
#introNext	a		{text-decoration:none}

#creditBig			{background-image:url('/assets/images/fieldGuide/creditBack.png'); background-repeat:no-repeat; background-position:left top;
						width:600px; height:520px; padding-top:30px; float:left}
#lightText			{width:440px; height:390px; background-color:#FFFFFF; margin-left:60px; opacity:0.8; line-height:150%; text-align:center;
						padding:20px; font-size:24px; color:#000000}
#creditText			{float:left; width:520px;  text-align:center; line-height:150%; font-size:16px; padding:10px 10px 10px 10px;}