:root 			{--mainColor:#F17E30; --subColor:#0342CF;--rounded:15px; --webBlue:#0036A5; --webOrange:#ED4630; --subBlue:#eff3ff;}
body			{background-color:#ffffff; font-family:arial; font-size:16px; margin:0;}
#connectAll		{margin:0 auto; padding:10px 0px; max-width:1300px; text-align:right; font-size:1.1rem; color:var(--subColor); 
					display:flex; justify-content:space-between; align-items:center}
a				{text-decoration:none; color:var(--mainColor);}
#main			{width:100%; background-color:#ffffff; border:0px solid #dddddd;
					max-width:1300px; margin:0 auto;
					/*border-top-right-radius:var(--rounded); 
					border-top-left-radius:var(--rounded); 
					margin-top:10px; text-align:left;
				 */}
#banner			{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; 
					padding:20px; margin-top:0px; font-size:1.3rem}

#header			{display:flex; flex-direction:row; flex-wrap:nowrap; width:100%; justify-content:space-evenly; align-items:center; padding:30px 0px}
#call, #email, #headLogo	{color:var(--subColor); font-size:1.4rem;}
#navTop			{display:flex; justify-content: flex-end;}
.navTop			{padding:0px 15px;}

#content	{padding:20px;}
p, li		{line-height:180%; font-size:1.25rem}

#subFooter		{padding:40px; background-color:#313B48; display:flex; justify-content:space-around;}
#subFooter a	{color:#DEDFE1;}
#subFooter p	{color:#DEDFE1; padding:5px; font-size:0.9rem}
#subFooter li	{color:#DEDFE1; font-size:2.75rem;}
.footerItem		{flex:25%}
.titleOrange	{color:var(--webOrange);}
.fTitle			{font-size:1.3rem; color:#ffffff; 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);}
@media (max-width:1250px){
	
	#connectAll	{width:90vw}
}
@media (max-width:1150px){
	.pImage {width:100%}
	#front	{flex-direction:column}
}
@media (max-width:1000px){
	#header		{flex-direction:column; text-align:center; gap:1rem; padding:0px 0px 20px 0px;}
	#headLogo	{display:none;}
	#navTop		{text-align:center; justify-content:center;}
	.item		{width:100%; padding:0px}
	.footerItem	{text-align:left; margin-left:20px; margin-top:40px;}
	#subFooter	{display:flex;  flex-wrap:wrap; padding:10px;}
}