:root 			{
					--mainColor:		#1f1f1f; 
					--darkGreen:		darkGreen;
					--lightGreen:		#5BBC29;
					--superLightGreen:	#ddffcc;
					
					--lightBlack:		#000000;
					--topLinkColor:		#ffffff;
					--navLinkColor:		#ED151E;
					--lightOrange:		#fff7ea;
					
					--subColor:			orange;
					--rounded:			15px;
					--webOrange:		#ED462F; 
					--lineHeight:		180%;
					--pFontSize:		1.25rem;
					--stars:			#fffb43;
				}
				
body			{background-color:var(--lightBlack); font-family:arial; font-size:1rem}


#weather		{display:flex; justify-content:center; gap:.8rem; flex-direction:row; color:#FFFFFF}
#weather img	{width:20px; height:auto; padding:0px 0px; margin:0px}
@media (max-width:500px){
	#conditions		{display:none}
}
@media (max-width:800px){
	#mainWeather	{display:none}
}

#navContainer			{display:flex; justify-content:center; flex-direction:row; background-color:var(--lightBlack); font-size:1.2rem;}
#navContainer a			{color:#ffffff; padding:20px 10px; white-space:nowrap}
#navContainer a:hover	{color:var(--mainColor); background-color:#ffffff}
.navChosen				{color:var(--mainColor); background-color:#ffffff}
#smallNavButton			{padding:20px; display:none}
#smallNav				{display:flex; flex-direction:row; justify-content:center;}


@media (max-width:1300px){
	#smallNavButton		{display:block; text-align:left}
	#smallNav			{display:none; flex-direction:column; font-size:1.0rem;}
	#navContainer		{justify-content:flex-start;}
}


#connectAll		{width:1300px; font-size:1.1rem; color:#000000; display:flex; justify-content:space-between;}
a				{text-decoration:none; color:var(--navLinkColor);}
#main			{width:1300px; background-color:#ffffff; border:1px solid #fff7ea; margin-bottom:50px;
					border-top-right-radius:var(--rounded); 
					border-top-left-radius:var(--rounded);
					margin-top:10px; text-align:left;}
#header			{display:flex; flex-direction:row;  width:100%; justify-content:space-between}
#headLogo		{margin-left:20px; margin-top:15px; margin-bottom:15px; flex:33%; text-align:center}
#call, #email	{color:#000000; font-size:1.4rem; flex:33%; margin-top:60px; text-align:center;}


#mainImage		{width:100%; height:350px; overflow:hidden; background-position:center center; position:relative; opacity:0.99}
#topMessage		{position:absolute; top:20px; left:20px; padding:15px; background-color:rgba(255, 178, 89, 0.8); 
					color:#ffffff; font-size:2.7rem; width:50%; border-radius:var(--rounded);}
					
#subMessage	{margin-top:10px; margin-bottom:10px; color:yellow; font-size:1.7rem}

#socialLinksTop  {letter-spacing:0.5rem}
#socialLinksTop a {color:var(--mainColor);}
#banner			{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) inset; 
					padding:20px; margin-top:0px; font-size:1.3rem}
#content	{padding:0px;}
p, li		{line-height:180%; font-size:1.25rem}
.massContent	{line-height:180%; font-size:1.25rem}

.stars			{font-size:1.5rem; color:#fffb43}

/*  #313B48 */
#subFooter		{padding:20px; background-color:var(--lightOrange); display:flex; justify-content:space-evenly;}

#subFooter p	{color:var(--lightBlack); padding:5px; font-size:0.9rem}
#subFooter li	{color:#DEDFE1; font-size:2.75rem;}
.footerItem		{flex:24%}
.titleOrange	{color:var(--webOrange);}
.fTitle			{font-size:1.3rem; color:var(--subColor); border-left:3px solid var(--webOrange); 
					padding-left:10px; margin-bottom:10px; letter-spacing:4px}
.fLinks			{margin-bottom:15px; margin-left:25px;}
#footer			{padding:10px 0px; text-align:center; line-height:180%; color:#ffffff; display:flex;
					font-size:0.9rem; width:100%; justify-content:space-between;
					border-bottom-left-radius:var(--rounded); border-bottom-right-radius:var(--rounded);}

h1				{font-size:2.0rem; color:var(--subColor); margin-top:0px; margin-bottom:0px}

@media (max-width:600px){
	h1 {font-size:1.25rem}
}
@media (max-width:500px){
	#mainImage	{height:10vh;}
	#subFooter {flex-direction:column; text-align:center;}
}
@media (max-width:700px){
	#topMessage {width:80%; position:static; top:0px; left:0px; margin:20px auto; font-size:1.5rem;}
	.mySlides {display:none !important;}
	.slideshow-container {background-color:#ffffff !important;}
}
@media (max-width:900px){
	h1 {font-size:1.75rem}
}
@media (max-width:1000px){
	#connectAll	{font-size:1.2rem;}
	#socialLinksTop  {letter-spacing:0px}
	#header		{flex-direction:column; text-align:center}
	#headLogo	{order:1}
	#call		{order:2}
	#email		{order:3}
	#call		{margin-top:10px}
	#email		{margin-top:25px; margin-bottom:20px}
	
	#topMessage	{font-size:1.5rem; }
	#subMessage	{font-size:1.2rem}
	.item		{width:100%; padding:0px}
	.footerItem	{text-align:left; margin-left:20px; margin-top:40px;}
	#subFooter	{display:flex; flex-wrap:wrap; padding:10px;}
}
@media (max-width:1150px){
	.pImage {width:100%}
	#front	{flex-direction:column}
}				
@media (max-width:1250px){
	#main {width:95%}
	#connectAll	{width:100%}
}